Vite生产模式移除console与debugger语句

1,184 阅读1分钟

一般在生产环境都是需要移除console与debugger相关在开发环境时才需要使用到的语句,通常来说可以使用terser插件。

  build: {
   minify: 'terser',
   terserOptions: {
     compress: {
       // 生产环境时移除console
       drop_console: true,
       drop_debugger: true,
     },
   },
 },

只是需要多下载一个插件,在GitHub上看见一个更好的方案,配置esbuild就行如下:

esbuild: {
  drop: mode === 'production' ? ['console', 'debugger'] : [],
}

一开始我也有疑问,esbuild不是只在开发时候使用嘛?

image.png