使用webpack4打包生产环境的代码时npm run build:production
,遇到了一个小插曲,记录一下:
问题原因:
webpack打包后的生成文件和入口文件体积过大,超过了默认值。
解决方法:
1.关闭webpack性能提示
performance: {
hints: false, // 关闭性能提示
}
2.修改打包入口文件和生成文件的体积限制
performance: {
hints: 'warning', // 枚举 false关闭
maxEntrypointSize: 50000000, //入口文件的最大体积,单位字节
maxAssetSize: 30000000, //生成文件的最大体积,单位字节
assetFilter: function(assetFilename) { //只给出js文件的性能提示
return assetFilename.endsWith('.js');
}
}