压缩配置优化

Vite 支持 esbuild 和 terser 两种压缩工具，根据项目需求选择。

压缩方式选择

export default defineConfig({
  build: {
    minify: 'esbuild'  // 默认，速度快
  }
})

// 或使用 terser
export default defineConfig({
  build: {
    minify: 'terser',
    terserOptions: {
      compress: {
        drop_console: true,
        drop_debugger: true
      }
    }
  }
})

压缩工具对比

注意：esbuild 是默认压缩工具，构建速度更快。

esbuild 配置

export default defineConfig({
  build: {
    minify: 'esbuild',
    esbuild: {
      drop: ['console', 'debugger'],
      legalComments: 'none'
    }
  }
})

terser 安装

npm add -D terser

terser 配置选项

export default defineConfig({
  build: {
    minify: 'terser',
    terserOptions: {
      compress: {
        drop_console: true,     // 移除 console
        drop_debugger: true,    // 移除 debugger
        pure_funcs: ['console.log']
      },
      format: {
        comments: false         // 移除注释
      }
    }
  }
})

生产环境移除日志

// 使用 esbuild
export default defineConfig({
  build: {
    minify: 'esbuild',
    esbuild: {
      drop: ['console', 'debugger']
    }
  }
})

// 使用 terser
export default defineConfig({
  build: {
    minify: 'terser',
    terserOptions: {
      compress: {
        drop_console: true
      }
    }
  }
})

压缩效果对比

要点总结

• 默认使用 esbuild 压缩
• terser 功能更全面但速度慢
• 可配置移除 console/debugger
• terser 需额外安装依赖