vite打包报警包过大

在vue3+vite+ts项目中，打包的时候遇到了一个告警，提示说包过大。

image.png

解决方案我们就按提示的来解决

1、调整包告警的大小

vite.config.js
export default defineConfig({
  ...
  build:{
    chunkSizeWarningLimit:1000,
    }
  }
})

2、代码分解

export default defineConfig({
  ...
  build:{
    rollupOptions:{
      output:{
        manualChunks(id){ // 分包
          if(id.includes('node_modules')){
            return id.toString().split('node_modules/')[1].split('/')[0].toString();
          }
        }
      }
    }
  }
})