vue-cli3.0配置打包时根据环境移除页面当中的console.log

在开发中难免要用到console.log。但是在打包上线的时候一个一个去删出未免有点太累了。我们可以根据不同的环境来配置是否需要移除console.log。这里用到的插件 

babel-plugin-transform-remove-console

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

下载好插件后直接可以在babel.config.js中配置代码：

// 我这里还用到了element这里配置按需加载
const plugins = [
  [
    "component",
    {
      "libraryName": "element-ui",
      "styleLibraryName": "theme-chalk"
    }
  ]
]

// 判断当前环境，正是环境和测试环境移除console.log
if (process.env.NODE_ENV === 'production' || process.env.NODE_ENV === 'staging') {
  plugins.push("transform-remove-console")
}

module.exports = {
  "presets": [
    "@vue/cli-plugin-babel/preset"
  ],
  plugins: plugins
}

配置完成重启就OK了