webpack 打包警告超出文件大小

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 // 整数类型（以字节为单位）}}

再次运行即可。