vue-cli打包时，屏蔽程序中所有的console

下载并安装

在使用Vue CLI进行项目开发时，如果希望在生产环境打包时去除所有的console.log语句，可以通过安装一个Babel插件来实现。

安装Babel插件:

使用以下命令安装babel-plugin-transform-remove-console插件：

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

配置Babel:

在项目根目录下找到或创建babel.config.js文件，并添加以下配置：

module.exports = {
    presets: [
        '@vue/cli-plugin-babel/preset'
    ],
    plugins: process.env.NODE_ENV === 'production' ? ['transform-remove-console'] : []
};

这段代码的作用是在生产环境中加载transform-remove-console插件，从而移除所有的console.log语句。

与其他的babal配置结合

比如，我原来babel配置文件中，还有其他的插件，如要一起结合，可以如下操作：

module.exports = function (api) {
  api.cache(true); // 缓存API以提高性能

  const plugins = [
    '@babel/plugin-transform-private-methods', // 保留原有插件
  ];

  // 在生产环境中添加移除console的插件
  if (process.env.NODE_ENV === 'production') {
    plugins.push('transform-remove-console'); // 移除console.log等
  }

  return {
    presets: [
      '@vue/cli-plugin-babel/preset'
    ],
    plugins: plugins,
  };
};

1. api.cache(true): 这行代码用于缓存Babel的配置，以提高构建速度。
2. 条件添加插件: 使用process.env.NODE_ENV === 'production'来判断当前环境，如果是生产环境，则将transform-remove-console插件添加到插件列表中。
3. 保留原有插件: 确保你原有的插件@babel/plugin-transform-private-methods仍然被保留。