生产环境去除console.log打印的两种方式

通过环境变量控制console.log的打印,具体操作如下:

第一种 

1、根目录 .env.xxx文件中写入NODE_ENV参数


生产环境去除console.log打印的两种方式_第1张图片
在这里插入图片描述

2、在main.js里面加上下列语句:

if (process.env.NODE_ENV === 'production') {
  console.log = () => {}
  console.warn = () => {}
}

以上完成了配置

第二种

在babel.config.js 文件中进行修改
1、需下载这个包transform-remove-console

npm install babel-plugin-transform-remove-console --save-dev

 2、在babel.config.js可如下写

// babel.config.js
// 生产环境移除console
const remPlugins = []
if (process.env.NODE_ENV === 'production') {
    remPlugins.push('transform-remove-console')
}

module.exports = {
  "plugins":[
  ...remPlugins 
  ]
};

原文链接:生产环境去除console.log打印的两种方式-CSDN博客

你可能感兴趣的:(vue.js,前端,javascript)