vite移除项目中的console

注：vite2.6.x需要配置 “build.minify” 为 “terser”

在vue-cli中移除console，是要下载babel-plugin-transform-remove-console插件。
但是在vite中已经内置了移除console的设置了，只需要配置一下就行了。

//vite.config.js

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

export default defineConfig({
    plugins: [vue()],
    build: {
        minify: 'terser',
        terserOptions: {
            compress: {
                //生产环境时移除console
                drop_console: true,
                drop_debugger: true,
            },
        },
    },
})

也可以使用esbuild自带的移除方法

//vite.config.js

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

export default defineConfig({
    plugins: [vue()],
    esbuild:{
        pure: ['console.log'],  
        drop: ['debugger'],
    },
})