webpack通过工具:terser
使用前需要先安装一下
vue.config.js
javascript
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
javascript
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,
},
},
},
});