webpack 打包超过文件大小
错误如图所示:
如图所示,vue项目中运行 npm run build 命令针对项目进行打包时的警告,黄色部分描述已经很清楚了,就是打包的文件大小超过了vue默认文件大小的限制
如何解决???
- 减少单个文件的体积 参考 webpack 性能调优与 Gzip 原理
- 修改配置文件,改变默认的限制
这个我们针对第二种解决方案进行讲解
找到 vue.config.js 配置文件
修改 performance ,属性的具体用法参考 webpack中文文档
configureWebpack: {
resolve: {
alias: {
'@': resolve('src')
}
},
performance: {
hints: 'error',
maxAssetSize: 300000, // 整数类型(以字节为单位)
maxEntrypointSize: 500000 // 整数类型(以字节为单位)
}
}
再次运行即可。