vue-demo-loader v2.0.8

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

2. 文件删除和新增在重新编译的时候不会被编译进去(可能是因为cacheable)