Vue3 vite 线上环境去掉console打印、debugger

1,665 阅读1分钟

一、vite已经将这个功能内置到了,所以我们只需要配置vite.config.js文件即可

vite.config.js文件

1.1 minify 为terser 时

import { defineConfig, loadEnv } from 'vite'
import vue from '@vitejs/plugin-vue'

export default defineConfig(({ mode, command }) => ({
  build: { 
    minify: "terser", 
    terserOptions: { 
      compress: { 
        drop_console: command === "build" && loadEnv(mode, __dirname).VITE_API_ENV === "prod", 
        drop_debugger: command === "build" && loadEnv(mode, __dirname).VITE_API_ENV === "prod" 
      } 
    } 
  },
  plugins: [vue()]
}))

1.2 minify 为esbuild 时

export default defineConfig({
    esbuild: {  
        drop: ["console", "debugger"],  
    }
})