线上环境注释console.log打印

线上环境注释console.log的两种方法

  1. 在main.js 中添加下面一段代码即可, 该方法简单粗暴,不需要依赖任何插件,比较推荐
    // 注释线上环境的console.log
    console.log = (function (log) {
    	return process.env.NODE_ENV == 'production' ? function () { } : log
    }(console.log))
    
  2. 引入uglifyjs-webpack-plugin插件,在vue.config.js中进行相关配置,可进行线上环境console.log注释
    // 先进行包安装
    npm install uglifyjs-webpack-plugin
    // 安装完成在vue.config.js中引入
    const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
    // module.exports 中添加UglifyJsPlugin配置
    module.exports = {
    	configureWebpack: config => {
        	plugins: [
        		new UglifyJsPlugin({
    			    uglifyOptions: {
    			        compress: {
    			            // warnings: false,
    			            drop_console: true, //注释console
    			            drop_debugger: true,
    			            pure_funcs: ['console.log'] //移除console
    			        }
    			    }
    		    })
    		]
        }
    }
    
    
    
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值