Babel 7转译生成cov_xxx函数问题及去除方法咨询

那个cov_5hsavp2s2()函数是代码覆盖率统计的注入代码，来自你配置里的babel-plugin-istanbul插件——这个插件的作用是给代码插入覆盖率追踪逻辑，让nyc这类测试覆盖率工具能收集测试时的代码执行数据。

要阻止它生成，你可以根据自己的需求选择以下方案：

方案1：区分测试和生产构建（推荐） #

因为覆盖率统计只在测试阶段需要，生产/发布构建完全不需要这些代码，所以最好的方式是让babel-plugin-istanbul只在测试环境生效：

步骤： #

1. 把package.json里的babel配置移到单独的babel.config.js文件中（Babel 7推荐用项目级配置文件）：

// babel.config.js
module.exports = function(api) {
  // 缓存配置提升构建速度
  api.cache(true);
  
  const presets = [
    ["@babel/preset-env", { "targets": { "node": "current" } }],
    "@babel/preset-react"
  ];
  
  const plugins = [];
  
  // 只有在测试环境才启用istanbul插件
  if (process.env.NODE_ENV === "test") {
    plugins.push("istanbul");
  }
  
  return { presets, plugins };
};

2. 调整package.json里的脚本，确保测试时设置NODE_ENV=test：

{
  "scripts": {
    "build": "babel --delete-dir-on-start --copy-files src --out-dir lib",
    "test": "NODE_ENV=test nyc mocha"
  }
}

这样执行npm run build时，因为默认是production环境（或者未设置时不会触发插件），就不会插入覆盖率代码；而测试时会正常生成覆盖率数据。

方案2：直接移除覆盖率插件（如果不需要测试覆盖率） #

如果你完全不需要代码覆盖率统计，直接修改package.json里的babel配置，删掉plugins数组里的"istanbul"即可：

{
  "babel": {
    "presets": [
      ["@babel/preset-env", { "targets": { "node": "current" } }],
      "@babel/preset-react"
    ],
    "plugins": [] // 移除"istanbul"
  }
}

方案3：构建时指定单独的Babel配置文件 #

可以创建一个专门用于生产构建的babel配置文件，比如babel.prod.json：

{
  "presets": [
    ["@babel/preset-env", { "targets": { "node": "current" } }],
    "@babel/preset-react"
  ],
  "plugins": []
}

然后修改build脚本，指定使用这个配置文件：

{
  "scripts": {
    "build": "babel --delete-dir-on-start --copy-files src --out-dir lib --config-file ./babel.prod.json"
  }
}

这样测试时还是用原来的babel配置（带istanbul），构建时用生产配置，互不干扰。

内容的提问来源于stack exchange，提问作者Oguntoye