vue项目打包去掉debugger

要在Vue项目中打包时去掉调试代码（如debugger语句），可以进行以下步骤：

1. 在项目的根目录下找到 `vue.config.js` 文件（如果不存在则需要创建）。
2. 在 `vue.config.js` 文件中添加如下代码：

module.exports = {
  configureWebpack: config => {
    if (process.env.NODE_ENV === 'production') {
      // 生产环境下移除console和debugger语句
      config.optimization.minimizer[0].options.terserOptions.compress.drop_console = true
      config.optimization.minimizer[0].options.terserOptions.compress.drop_debugger = true
    }
  }
}

3. 保存文件并重新运行打包命令。

这样，在生产环境下，打包时会自动移除掉所有的console和debugger语句，从而减小项目体积和提升性能。请注意，在开发环境下，这些调试语句仍然会保留。

相关问题

vue项目debugger不生效

根据提供的引用内容，可以得知vue项目中的debugger不生效的问题可以通过以下两种方式解决：

1. 在vue.config.js中添加下面代码，然后重启服务：

module.exports = {
  configureWebpack: {
    devtool: 'source-map'
  }
}

这样就可以在浏览器的开发者工具中使用debugger进行调试了。

2. 在项目的package.json文件中添加以下代码：

"rules": {
  "no-debugger": "off",
  "no-console": "off"
}

这样就可以在代码中使用debugger进行调试了。

vue 项目代码里的debugger 不生效

在Vue项目中，如果你在代码中使用了`debugger`语句，但是在浏览器中并没有停在该语句处，可能是因为你的代码被压缩了。在生产环境中，Vue会自动压缩代码以提高性能，这会导致`debugger`语句失效。为了解决这个问题，你可以按照以下两种方法之一：

1.在Vue.config.js文件中添加如下代码：

module.exports = {
  // ...
  configureWebpack: {
    devtool: 'source-map'
  }
}

这将会生成一个source map文件，使得你的`debugger`语句能够在浏览器中正确地停下来。

2.在你的代码中使用`debugger`语句时，使用`// @ts-ignore`注释来忽略TypeScript的错误提示，例如：

// @ts-ignore
debugger;

这将会让TypeScript忽略该行代码的错误提示，使得`debugger`语句能够在浏览器中正确地停下来。