准备学习Web前端工程化的内容,做个记录,以后需要的时候方便查找:
webpack只能打包处理.js相关的文件,其他资源可以使用插件的方式来曲线救国。
1 安装vue组件的加载器,命令如下:
npm install vue-loader vue-template-compiler -D
2 配置规则:更改webpack.config.js的module中的rules数组
const VueLoaderPlugin = require("vue-loader/lib/plugin");
const vuePlugin = new VueLoaderPlugin();
module.exports = {
plugins:[ htmlPlugin, vuePlugin ],
module : {
rules:[
.......
{
test:/\.vue$/,
loader:"vue-loader",
}
]
}
}