如何对JavaScript文件包执行‘反渲染’操作？附Bootstrap打包配置

首先明确一点：你提到的“反渲染”其实是指将合并/压缩后的JS包还原为可读性高的、接近原文件的代码，这个过程分两种情况来看，取决于你的Bundle是处于调试模式还是发布模式：

1. 调试模式下的合并包（未压缩） #

如果你的项目处于调试状态（web.config中debug="true"），ASP.NET的Bundle只是简单地将多个JS文件合并在一起，没有做任何压缩或混淆处理。这种情况下还原非常简单：

• 直接查看打包后的JS文件内容，你会看到原bootstrap.js和respond.js的内容是连续拼接在一起的。你可以根据原文件的特征（比如bootstrap.js的开头注释、respond.js的版权声明）手动拆分，或者直接对比本地的原文件内容进行分割。
• 另外，调试模式下，页面源码中会自动输出每个单独的JS引用（而不是合并后的bundle），你可以直接从源码里找到每个文件的链接，下载或复制原内容。

2. 发布模式下的压缩包（已混淆） #

当项目发布时，Bundle会对JS文件进行压缩（minify）：去掉所有空格、换行，将变量名简化为短字符（比如var myVariable变成var a），甚至移除注释。这种情况下的还原需要借助工具：

• 代码美化工具：这类工具可以帮你恢复代码的缩进、换行，让结构变得清晰。常用的有：
  • 在线工具：比如JS Beautifier，把压缩后的代码粘贴进去，一键格式化即可。
  • 本地工具：比如Node.js的js-beautify包，通过命令行js-beautify bundle-file.js > formatted-file.js来处理文件。
• 注意：压缩后的变量名是不可逆的（除非你保留了Bundle生成时的映射文件，但ASP.NET默认不会生成），所以无法完全还原成原文件的变量名，只能靠代码逻辑和残留的注释来理解功能。

额外建议 #

其实最稳妥的方式是保留原文件的备份，毕竟打包只是为了生产环境的性能优化，开发阶段直接使用原文件会更方便调试。ASP.NET的Bundle机制本身就做了区分：调试用原文件，发布用压缩包，所以日常开发完全不需要依赖打包后的文件来还原。

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