webpack 打包速度优化

以下是我在 vite.config.ts 和 tsconfig.app.json 中针对打包速度优化的一些实践和配置总结：我的项目之前打包需要五分钟左右，实际使用可使打包时间减少1分半。

---

1. Vite 配置优化 (vite.config.ts)

1.1 代码压缩与混淆

• minify: 'esbuild'：使用 esbuild 进行代码压缩，比传统的 terser 快 10-20 倍。

• esbuild 配置：

  • drop: ['console', 'debugger']：删除生产环境中的 console 和 debugger 语句。

  • pure: ['console.log']：删除 console.log。

  • legalComments: 'none'：删除注释，减少文件体积。

1.2 Sourcemap 配置

• sourcemap: false：不生成 sourcemap 文件，减少构建体积和构建时间。

1.3 Chunk 优化

• chunkSizeWarningLimit: 2000：将 chunk 大小警告限制提高到 2000 KB，避免过多警告干扰。

• manualChunks：手动分包，将第三方库（如 vue、vue-router、pinia）分离打包，避免单个 chunk 过大。

  rollupOptions: {
    output: {
      manualChunks: {
        'vue-vendor': ['vue', 'vue-router', 'pinia'],
        'utils': ['lodash'