vue-demo-loader
v2.0.8
Published
use to auto create vue components demo page
Downloads
22
Readme
v2版本更新内容
新增jsx模式loader,推荐使用。使用方式
{ test: /\.doc/, loader: 'babel!vue-demo-loader/src/jsx-loader.js' }
安装
npm i vue-demo-loader
使用
webpack 配置
...
module: {
{ test: /\.doc/, loader: 'vue-demo-loader/loader' },
}
...
文件目录
|- examples
|- demo1.doc
|- demo1
|- base.vue
|- another.vue
|- demo1.md
引用的.doc文件会把同名目录下的所有点vue文件编译成如下代码:
<code-panel filename="fileName">
<div slot="demo">
...demo run here
</div>
<div slot="code">
...demo code shows here
</div>
</code-panel>
并在页面最后加上demo1.md编译之后的文本
code-panel的代码可以根据自己的需求自行实现
注意
在例子文件中请不要使用template string
issue
- 文件删除和新增在重新编译的时候不会被编译进去(可能是因为cacheable)