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 // 整數類型（以字節爲單位）
    }
  }

再次運行即可。