Vue 项目屏蔽 console 的三种方法

在 Vue 项目中，可以通过以下几种方式屏蔽 console：

在生产环境中移除 console：这种方式可以通过 webpack 的 UglifyJS 插件来实现，具体可以在 webpack 配置文件中加入以下代码：

const UglifyJSPlugin = require('uglifyjs-webpack-plugin')

module.exports = {
  // ...
  plugins: [
    new UglifyJSPlugin({
      uglifyOptions: {
        compress: {
          drop_console: true
        }
      }
    })
  ]
}

使用 eslint-plugin-no-console 插件：这个插件可以在开发过程中帮助检测代码中是否存在 console，如果存在会给出警告或错误提示。可以通过以下步骤安装和配置：

npm install eslint-plugin-no-console --save-dev

在 .eslintrc.js 文件中加入以下配置：

{
  "plugins": [
    "no-console"
  ],
  "rules": {
    "no-console": "error"
  }
}

使用 babel-plugin-transform-remove-console 插件：这个插件可以在构建过程中移除 console，可以通过以下步骤安装和配置：

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

在 .babelrc 文件中加入以下配置：

{
  "plugins": [
    ["transform-remove-console", {
      "exclude": ["error", "warn"]
    }]
  ]
}

以上三种方式均可在 Vue 项目中屏蔽 console，具体使用哪种方式可以根据实际需求和项目情况选择。