vue-source-loader
The src resource inline.
bug
会被重复执行多次,好奇怪
notes
- node >= 6.0.0
- npm >= 3.0.0
- webpack >= 2.0.0
install
npm i vue-source-loader
webpack 2.x config
const options = mode: 'es6' // 输出的 javascript 模块加载方式。可选值:commonjs 或者 es6 templateSign: '__inline_template' // 模板标记,默认值 `__inline_template` scriptSign: '__inline_script' // javascript 标记,默认值 `__inline_script` highlightStyle: 'default' // 代码高亮显示样式,默认值 `default` moduleexports = module: rules: test: /\.demo\.vue$/ loader: 'vue-source-loader' enforce: 'pre' options
usage
-
在
template
标签中插入模块地址规则:
templateSign + '(' + filePath + ')'
__inline_template(path/to/demo.vue)
-
在
script
标签中插入对导入的模块的引用规则:
'global.' + templateSign
说明:global.
前缀是为了在没有插件的时候代码能正常执行
- 输入结果
...
todolist
update
0.0.2
- 增加对导入文件的依赖监听
- 配置
mode
增加可选值commonjs