在这里插入图片描述

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();
              }
          }
        }
    }
  }
})
Logo

AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。

更多推荐