vue.config.js删除debugger

在Vue3.0的项目中，你可以通过创建vue.config.js文件来完成webpack的特殊配置。默认情况下，@vue/cli-service会自动加载它。如果你想删除debugger语句，你可以在vue.config.js中使用chainWebpack配置项来实现。具体操作如下所示：

module.exports = {
  chainWebpack: (config) => {
    config.module.rule("js").use("babel-loader")
      .loader("babel-loader")
      .tap(options => {
        // 删除debugger语句
        options.plugins.push("transform-remove-debugger");
        return options;
      });
  }
};

在上述配置中，我们使用了babel-loader，并在其选项中添加了"transform-remove-debugger"插件，以删除代码中的debugger语句。这样，在项目构建过程中，debugger语句将会被自动删除。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [vue.config.js 的完整配置（超详细）](https://blog.csdn.net/stu_365392777/article/details/126317654)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]