vite打包报错：块的大小超过限制，Some chunks are larger than 500kb after minification

提升Vite打包效率：大块限制与手动切分模块

最新推荐文章于 2025-10-05 17:02:03 发布

原创最新推荐文章于 2025-10-05 17:02:03 发布 · 2.3w 阅读

30 ·

CC 4.0 BY-SA版权

文章标签：

#vue

前端知识专栏收录该内容

24 篇文章

订阅专栏

本文介绍了Vite打包时遇到的超限问题解决方案，一是调整chunkSizeWarningLimit至1500kb，二是通过rollupOptions手动拆分node_modules中的大块模块。

在这里插入图片描述

vite打包报错：块的大小超过限制，Some chunks are larger than 500kb after minification

解决办法1：加大限制的大小将500kb改成1000kb或者更大

chunkSizeWarningLimit:1500,

build.chunkSizeWarningLimit

类型： number

默认： 500

块大小警告的限制（以 kbs 为单位）。

解决办法2：分解块，将大块分解成更小的块

rollupOptions: {
        output:{
            manualChunks(id) {
              if (id.includes('node_modules')) {
                  return id.toString().split('node_modules/')[1].split('/')[0].toString();
              }
          }
        }
    }

build.rollupOptions

类型： RollupOptions

直接自定义底层 Rollup 包。这与可以从 Rollup 配置文件导出的选项相同，并将与 Vite 的内部 Rollup 选项合并。有关更多详细信息，请参阅汇总选项文档。

在这里插入图片描述

代码:

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
// 按需加载
import styleImport from 'vite-plugin-style-import'
import { resolve } from 'path'

// https://vitejs.dev/config/
export default defineConfig({
  base: '/dist/',
  build: {
    chunkSizeWarningLimit:1500,
    rollupOptions: {
        output:{
            manualChunks(id) {
              if (id.includes('node_modules')) {
                
                  return id.toString().split('node_modules/')[1].split('/')[0].toString();
              }
          }
        }
    }
  }
})