1.vue-loader 15*使用
旧版的vue-loader只要简单使用就可以了
module: {
rules: [
{
test: /\.vue$/,
loader: 'vue-loader',
}
]
}
但是15.*版本以上的必须在plugins里面有使用vue-loader
const VueLoaderPlugin = require('vue-loader/lib/plugin');
...
module: {
rules: [
{
test: /\.vue$/,
loader: 'vue-loader',
}
]
},
plugins:[
new VueLoaderPlugin(),
]
安装vue-loader之后必须安装vue-template-compiler
2.performance
如果webpack里面没有配置performance,会有警告你要配置,performance会在文件超过一定大小的时候有相应的操作
performance: {
hints: "warning", // 警告
maxAssetSize: 30000000, // 整数类型(以字节为单位)
maxEntrypointSize: 50000000, // 整数类型(以字节为单位)
assetFilter: function (assetFilename) {
// 提供资源文件名的断言函数
return assetFilename.endsWith('.css') || assetFilename.endsWith('.js');
}
},