WARNING in asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).

最新推荐文章于 2024-03-15 19:08:57 发布

秦悸

最新推荐文章于 2024-03-15 19:08:57 发布

阅读量2.8k

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.youkuaiyun.com/GikQxx21_wen/article/details/130506306

版权

Vue项目在打包时遇到警告，提示某些资产文件超过了244KiB的推荐大小限制，影响web性能。解决方案是通过修改vue.config.js，调整webpack配置，增大最大入口点大小和生成文件的最大体积限制，特别是针对.js文件。完成配置后重新打包即可消除警告。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue项目打包报warning: `asset size limit: The following asset(s) exceed the recommended size limit (244 KiB). This can impact web performance.`

在这里插入图片描述
这个警告的原因是因为vue的引入的js文件太大

解决方案：可以放开VUE打包大小限制

在vue项目中的vue.config.js的configureWebpack添加如下代码

configureWebpack: {
    // provide the app's title in webpack's name field, so that
    // it can be accessed in index.html to inject the correct title.
    name: name,
    resolve: {
      alias: {
        '@': resolve('src'),
      }
    },
    performance: {
      hints: 'warning',
      maxEntrypointSize: 40000000,
      // 生成文件的最大体积
      maxAssetSize: 20000000,
      assetFilter: function(assetFilename) {
        return assetFilename.endsWith('.js')
      }
    },
  },