工作中遇到的问题记录（一）

摘要：每天在工作中都会遇到各种各样的问题

在我们每次上线vue项目时会出现你打印的console.log或者err等调试信息，我们都希望在生产环境下将调试信息删掉，而在开发环境还想有相应的调试信息，我们该怎么做呢?
现在有两种方式进行限制

第一种方式:

通过webpack的配置中进行限制，在打包时，判断时生产环境还是开发环境，进行删除还是显示调试信息
在vue项目中的webpack.prod.conf.js文件中

new UglifyJsPlugin({
        uglifyOptions: {
          mangle: {
            safari10: true
          },
                    compress: {
        warnings: false,
        drop_debugger: true,//console
        drop_console: true,
        pure_funcs: ['console.log']//移除console
      },
        },
        sourceMap: config.build.productionSourceMap,
        cache: true,
        parallel: true,
	  })

第二种方式

在通用js中添加一下全局函数即可：
//判断配置文件是否开启日志调试 是否输出日志 True 输出 False 不输出

var logDebug = false;
console.log = (function (oriLogFunc) {
  return function () {
    if (logDebug) {
      oriLogFunc.apply(this, arguments);
    }
  }
})(console.log);

赏

×

有钱的捧个钱场！没钱的捧个人场

扫码打赏，你说多少就多少

打开支付宝扫一扫，即可进行扫码打赏哦