webpack part2

Vue单文件组件

webpack中配置vue组件的加载器

npm i vue-loader vue-template-compiler -D

webpack.config中添加vue-loader的配置

const VueLoaderPlugin = require('vue-loader/lib/plugin')

module.exports = {
  module: {
rules: [
//...其他规则
{test:/\.vue/, loader:'vue-loader'}

}  
]

}

plugins: [new VueLoaderPlugin()]

2.Webpack项目中使用vue

3.打包发布

packge.json中配置

"build": "webpack -p" //打包指令