使用MSBuild合并JavaScript文件时正则表达式被篡改如何修复？

问题现象 #

使用以下MSBuild脚本合并JavaScript文件：

<ItemGroup>
  <JsFiles Include="wwwroot/**/*.js" />
</ItemGroup>
<ItemGroup>
  <JsLines Include="$([System.IO.File]::ReadAllText(%(JsFiles.Identity)))"/>
</ItemGroup>
<WriteLinesToFile Lines="@(JsLines)" File="wwwroot/bundle.js" Overwrite="true" />

脚本可正常运行，但当JS文件包含正则表达式或特殊反斜杠时，内容会被错误转换：

• 原代码：

  let foo = bar.replace(/\[\d+\]/, '[10]');
  

  合并后变为：

  let foo = bar.replace(//[/d+/]/, '[10]');
  

• 原代码：

  // \/
  

  合并后变为：

  // //
  

• 原代码：

  \\
  

  合并后变为：

  //
  

问题原因 #

MSBuild会将属性值中的反斜杠识别为转义字符，当从文件读取的内容包含\时，会被自动转义处理（比如\/转成/、\\转成\），最终破坏JS代码的语法结构。

解决方法 #

方法1：用MSBuild的Escape/Unescape函数处理内容 #

修改读取逻辑，先通过Escape将特殊字符转为MSBuild安全格式，写入时再用Unescape还原原始内容：

<ItemGroup>
  <JsFiles Include="wwwroot/**/*.js" />
</ItemGroup>
<ItemGroup>
  <!-- 转义读取的文本，避免MSBuild解析反斜杠 -->
  <JsLines Include="$([MSBuild]::Escape($([System.IO.File]::ReadAllText(%(JsFiles.Identity)))))" />
</ItemGroup>
<!-- 写入前还原原始内容 -->
<WriteLinesToFile Lines="$([MSBuild]::Unescape(@(JsLines)))" File="wwwroot/bundle.js" Overwrite="true" />

方法2：通过Exec调用命令行工具合并 #

绕开MSBuild的属性解析逻辑，直接用PowerShell命令合并文件：

<Target Name="BundleJs">
  <Exec Command="Get-Content wwwroot/**/*.js -Raw | Set-Content wwwroot/bundle.js -Encoding UTF8" />
</Target>

这种方式直接通过系统工具读取和写入文件，不会触发MSBuild的转义处理，适合包含特殊字符的文本场景。

方法3：使用专业前端打包方案 #

如果是ASP.NET项目，推荐使用官方Microsoft.Web.Publishing.Tasks中的CombineFiles任务，或者直接用Webpack、Rollup等前端打包工具——这类工具专门针对前端资源优化，能原生处理JS语法中的特殊字符，避免转义问题。

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