vue2、vue-cli4以及vue3、vite打包去掉console.log

vue2 + vue-cli4

webpack4会自带terser-webpack-plugin插件。

vue.config.js文件

module.exports = {
// ...

	chainWebpack(config) {
		// ...
		
		// 清除console
	    config.optimization.minimizer('terser').tap(options => {
	      options[0].terserOptions.compress.drop_console = true
	      return options
	    })
	    
	    //...
	}
	
//...
}

vue-cli chainwebpack配置
webpack 配置terser
chain链式配置

vue3 + vite

vite.config.ts文件

export default defineConfig({
// ...
	esbuild: {
		// ...
		
	    pure: ['console.log'], // 安全
	    // drop: ['console'], // esbuild官方说有风险
	    
	    // ...
  	},
// ...
})

Esbuild#drop:For example, you can mark console.log as pure using --pure:console.log. This will cause these API calls to be removed safely when minification is enabled.

Vite esbuild配置
esbuild prue配置项
esbuild drop配置项

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值