VS2022 WebCompiler压缩JS注入多余代码问题及解决方案咨询

1. 禁止注入额外兼容代码的配置方法 #

你在默认生成的compilerconfig.json和compilerconfig.json.defaults中找不到对应开关，是因为该配置项未被写入默认生成的配置模板，属于可手动添加的隐藏配置：

• 针对单个压缩规则：在对应JS压缩配置条目中，和minify、sourceMap配置同级，添加"transpile": false字段即可关闭内置Babel自动转译逻辑，配置示例如下：

[
  {
    "outputFile": "Scripts/common.min.js",
    "inputFile": "Scripts/common.js",
    "minify": {
      "enabled": true
    },
    "sourceMap": false,
    "transpile": false
  }
]

• 针对全局默认配置：打开compilerconfig.json.defaults文件，在minifiers节点下的javascript配置段中添加"transpile": false，后续新建的JS压缩规则会默认关闭转译。
  配置修改后重启Visual Studio，重新触发压缩就不会再注入额外的helper代码。

2. 触发自动转译的语法特征 #

注入代码不是扩展误判你使用了Node.js、Babel技术栈，而是只要开启了转译开关，代码中出现以下标准ES6+原生JS语法时，扩展内置的老旧Babel预设就会按照ES5兼容目标做语法降级，自动注入对应辅助函数：

• 展开运算符（...）：是触发_toConsumableArray函数注入的直接原因，数组字面量展开、函数参数展开、对象展开都会触发
• async/await异步语法：是触发regeneratorRuntime相关代码注入的直接原因
• 解构赋值（包括数组解构、对象解构）：会触发_slicedToArray、_objectDestructuringEmpty等辅助函数注入
• for...of循环
• Class类声明与类继承语法
• 可选链运算符（?.）、空值合并运算符（??）
• 块级作用域声明const/let、箭头函数

注：以上均为标准Web JavaScript语法，不属于非前端技术栈保留字，只要关闭转译开关，目标浏览器支持的情况下可以正常使用，不需要刻意规避。

3. Visual Studio 2022可用的稳定替代方案 #

目前WebCompiler 2022属于社区fork的停更版本，内置的压缩库、转译库版本均已落后3年以上，推荐以下适配性更好的方案：

• VS原生捆绑压缩功能：Visual Studio 2022内置生成时捆绑与压缩能力，不需要安装第三方扩展，直接在项目根目录添加bundleconfig.json配置即可实现JS、CSS压缩，不会默认开启语法转译，和.NET MVC项目适配度最高，无额外依赖
• NUglify集成方案：通过NuGet安装NUglify.Tasks包，配置后可在项目生成时自动完成JS、CSS压缩，压缩逻辑完全可控，支持最新的ES标准语法，不会自动注入无关兼容代码
• Terser本地集成：如果项目已有Node.js环境，可通过npm脚本配置Terser实现JS压缩，压缩规则、兼容目标可完全自定义，适合对压缩精度要求高的场景

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