asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).打包文件体积过大

小草莓蹦蹦跳

已于 2023-04-14 15:43:59 修改

阅读量4.8k

点赞数

分类专栏： Webpack 文章标签： webpack vue.js 前端

于 2020-12-31 16:27:36 首次发布

本文链接：https://blog.csdn.net/qq_38290251/article/details/112024991

版权

Webpack 专栏收录该内容

16 篇文章

订阅专栏

本文介绍了如何在Vue项目中遇到webpack打包文件体积过大时，通过调整`vue.config.js`配置，限制生产环境的entrypoint和asset大小，以优化Web性能。

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

打包报错：

asset size limit: The following asset(s) exceed the recommended size limit (244 KiB). This can impact web performance.

原因：

webpack打包提示文件体积过大导致的。

解决办法：

在vue.config.js增加配置：

    configureWebpack: config => {
        // 为生产环境修改配置...
        if (process.env.NODE_ENV === 'production') {
            config.mode = 'production';
            // 打包文件大小配置
            config.performance = {
              maxEntrypointSize: 10000000,
              maxAssetSize: 30000000
            }
        }
    },

完美~~