Vue 项目打包去除 console.log 输出：完整指南

在 Vue 项目打包时，可以通过使用插件来去掉所有的 console.log 输出。以下是一种常用的方法：

安装插件：首先，安装 babel 插件 'babel-plugin-transform-remove-console'。可以使用 npm 或者 yarn 进行安装：

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

或者

yarn add babel-plugin-transform-remove-console --dev

配置 babel：在项目的根目录下找到 babel 的配置文件（一般是 babel.config.js 或者 .babelrc 文件），添加 'transform-remove-console' 插件到 plugins 数组中：

module.exports = {
  presets: [
    // ...
  ],
  plugins: [
    // ...
    'transform-remove-console'
  ]
}

或者

{
  "presets": [
    // ...
  ],
  "plugins": [
    // ...
    'transform-remove-console'
  ]
}

npm run build

或者

yarn build

这样，在打包过程中，所有的 console.log 输出语句都将被移除，最终生成的打包文件中将不包含这些代码。