打包的时候去掉console.log和debugger

在 Vue 2 中，你可以在打包时去掉 console.log 和 debugger 语句，以减小最终的生产环境代码体积。

一种常用的方法是使用 Babel 插件来进行代码转换和删除。你可以使用以下步骤来实现这一点：

1. 安装 Babel 插件：首先，安装 Babel 插件 babel-plugin-transform-remove-console，它可以帮助你删除 console.log 和 debugger 语句。使用以下命令进行安装：

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

2. 配置 Babel：在项目的根目录下找到 .babelrc 文件（如果没有则创建它），并添加以下配置：

   {
     "env": {
       "production": {
         "plugins": ["transform-remove-console"]
       }
     }
   }

这将使插件只在生产环境中生效。

1. 打包项目：使用你常用的打包工具（如 webpack、Rollup 等）来打包你的 Vue 2 项目。在生产环境中，console.log 和 debugger 语句将被删除。

请注意，这样做会删除所有的 console.log 和 debugger 语句，包括你在开发环境中使用的语句。因此，在开发阶段，你可以将 Babel 配置中的 "plugins": ["transform-remove-console"] 部分注释掉或删除，以保留这些语句。

另外，还可以使用 UglifyJS 等工具在打包过程中进行代码压缩和优化，以减小生产环境代码体积。这些工具通常都提供了选项来删除或压缩 console.log 和 debugger 语句。

请确保在打包生产代码之前备份你的源代码，以防止意外删除或修改。