當我們的 Vue 項目太大，使用?npm run build?打包項目的時候，就有可能會遇到以下報錯：

(!) Some chunks are larger than 500 kB after minification. Consider:
- Using dynamic import() to code-split the application
- Use build.rollupOptions.output.manualChunks to improve chunking: https://rollupjs.org/configuration-options/#output-manualchunks
- Adjust chunk size limit for this warning via build.chunkSizeWarningLimit.

以上根據官方的提示給出以下解決方案：

1. 使用動態 import() 進行代碼分割，減小每個 chunk 的大小
2. 在 rollup 配置文件中添加?output.manualChunks，將模塊拆分成多個 chunk，減小每個 chunk的大小

   //vite.config.jsexport default defineConfig({...,rollupOptions:{output:{// 最小化拆分包manualChunks(id: any) {// 將 node_modules 中的依賴打包if (id.includes('node_modules')) {return id.toString().split('node_modules/')[1].split('/')[0].toString()}...}}}
   })
   

3. build.chunkSizeWarningLimit 中提高報錯的閾值

   //vite.config.jsexport default defineConfig({...,build: {chunkSizeWarningLimit: 1600}
   })

注意：以上解決方案可疊加執行