This is a webpack loader, use marked to translate *.md to html, so that you can use in webpage.
And use highlight.js to highlight your code when you write in your *.md
-
npm install markdown-code-highlight-loader --savein your project -
in your
webpack.config.js, write like Thismodule: { loaders: [{ test: /\.md$/, loader: "html!markdown-code-highlight" }] } -
or in your js, import like this
var html = require('html!markdown-code-highlight!./readme.md')
- import css in your webpage
require('./index.css');
If you don't like the style in index.css, you can also use other highlight style.