markdown-html-webpack-plugin
v1.0.1
Published
markdown-html-webpack-plugin
Downloads
4
Readme
markdown to html Plugin
Convert markdown as html file to export path.
if non-markdown file, just copy to export path.
if want to insert convert content to a template html file, just provide the template.html and replace with {{markdownContent}}
Install
npm install --save-dev markdown-html-webpack-pluginUsage
const markdownPlugin = require('markdown-html-webpack-plugin');
module.exports = {
plugins: [
new markdownPlugin({
filePath: '../inputPath',
exportPath: '../public/outPath/',
isEncodeName: false, // if need to encode file name, like chinese
template: 'template.html'
}),
]
}template.html sample
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
</head>
<body>
<div id="app">{{markdownContent}}</div>
</body>
</html>Output
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
</head>
<body>
<div id="app">
<h1 id="header1">header1</h1>
<h2 id="header2">header2</h2>
<p><img src="image/cat.jpg" alt=""></p>
<pre>
<code class="lang-js">
var test = 1;
if(test === 1) {
return true;
}
</code>
</pre>
</div>
</body>
</html>