vue-markdown-es6-loader
Converting Markdown to Vue single-file component loader for Webpack.
notes
- node >= 6.0.0
- npm >= 3.0.0
- webpack >= 2.0.0
- output es6 module
install
npm i vue-markdown-es6-loader
webpack 2.x config
module: rules: test: /\.vue\.md$/ use: loader: 'vue-loader' options: js: 'babel-loader' // output es6 module loader: 'vue-markdown-es6-loader' options: prefix: '<div>' postfix: '</div>' highlightStyle: 'default'
options
prefix
-
Type: string
-
Default:
<div>
-
Details:
Element tag of output start.
Vue warn: Component template should contain exactly one root element
postfix
-
Type: string
-
Default:
</div>
-
Details:
Element tag of output end.
Vue warn: Component template should contain exactly one root element
highlightStyle
-
Type: string
-
Default:
default
-
Optional: refer to style filename
-
Details:
highlight.js
style. -
markedOptions
-
Type: string
-
Optional: refer to marked options
-
Details:
A markdown parser options.
-
usage
-
use
.vue
in markdown -
set code type to
vue
-
write path into code area
/``` vue
./code.vue
/```
- reslute
...
TODO
- Verify
prefix
andpostfix
are closed - asynchronous read file