vue 项目，开发模式下干掉console.log，项目的优化策略！！！_vue项目开发环境查看是否禁用console.log

我们在vue项目开发过程中常用到console.log()来打印和观察数据！
但是在发布模式下，我们又要将console.log()一一去掉！
这就很尴尬，如何干掉它呢？

一、第1种方法：

vue ui可视化面板搭建的项目，我们可以下载：babel-plugin-transform-remove-console,这是babel下的一个插件，真正的插件名称叫：transform-remove-console

如何使用呢？？？

（1）下载并安装开发模式下的依赖：选中第一项就okay 了

（2）使用插件
1.找到次文件夹：babel.config.js 因为这是babel下的插件，所有放置在babel.config.js中也不难理解

2.打开文件，内容大致如下：

3.我们修改一下代码

// 项目开发阶段用到的babel插件
const prodPlugins = [ ]
if (process.env.NODE_ENV === 'production') {
  prodPlugins.push('transform-remove-console')
}

module.exports = {
  'presets': [
    '@vue/cli-plugin-babel/preset'
  ],
  '
1
2
3
4
5
6
7
8
9
10