webpack通过工具：terser

使用前需要先安装一下

vue.config.js

const { defineConfig } = require('@vue/cli-servise');
module.exports = defineConfig({transpileDependencies:true,terser:{terserOptions:{compress:{drop_console:true,drop_debugger:true,},},},});

然后直接打包就会自动去掉console.log，不影响开发环境

如果是vue3+vite

vite.config.js

import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';export default defineConfig({plugins:[vue()],build:{minify:'terser',terserOptions:{compress:{drop_console:true,drop_debugger:true,},},},
});