webpack 打包警告超出文件大小

webpack 打包超过文件大小

错误如图所示：

如图所示，vue项目中运行 npm run build 命令针对项目进行打包时的警告，黄色部分描述已经很清楚了，就是打包的文件大小超过了vue默认文件大小的限制

如何解决？？？

1. 减少单个文件的体积 参考 webpack 性能调优与 Gzip 原理
2. 修改配置文件，改变默认的限制

这个我们针对第二种解决方案进行讲解

找到 vue.config.js 配置文件
修改 performance ，属性的具体用法参考 webpack中文文档

configureWebpack: {
    resolve: {
      alias: {
        '@': resolve('src')
      }
    },
    performance: {
      hints: 'error', 
      maxAssetSize: 300000, // 整数类型（以字节为单位）
      maxEntrypointSize: 500000 // 整数类型（以字节为单位）
    }
  }

再次运行即可。