ABP框架下ASP.NET Core 2 MVC项目生产环境打包压缩问题

嗨，刚好对这个模板的资源处理方式比较熟悉，我来给你一步步讲清楚怎么搞定JS和CSS的打包压缩，不用额外折腾gulp或者project.json哦！

核心工具：Bundler & Minifier #

你看到的bundleconfig.json就是模板自带的配置文件，它对应的是Bundler & Minifier工具——这是ASP.NET Core生态里官方推荐的轻量级资源压缩工具，完全适配你的模板，不用额外添加其他工具。

触发生成.min文件的两种方式 #

1. Visual Studio可视化操作（最方便） #

• 首先确保你的VS安装了Bundler & Minifier扩展：打开VS的“扩展管理”，搜索这个扩展安装就行。
• 生成min文件：在解决方案资源管理器里找到bundleconfig.json，右键点击它，选择「Bundle and Minify Files」，瞬间就能生成对应的.min.js和.min.css文件。
• 自动更新：如果想每次构建项目时自动刷新min文件，右键bundleconfig.json，选择「Enable Bundle on Build」，之后每次编译项目，工具都会自动根据配置重新打包压缩资源。

2. CLI命令行方式（适合CI/CD或非VS环境） #

• 先给项目安装NuGet包BundlerMinifier.Core：可以通过VS的NuGet包管理器安装，或者在项目根目录执行命令：

  dotnet add package BundlerMinifier.Core
  

• 执行打包压缩：在项目根目录运行命令：

  dotnet bundle
  

• 自动触发：如果想让它在构建时自动运行，可以把dotnet bundle命令加到项目的「预构建事件」里，这样每次编译都会自动执行压缩。

自定义bundleconfig.json #

你可以根据自己的需求修改这个配置文件，比如添加更多要打包的资源、调整压缩规则。举个简单的配置示例：

[
  {
    "outputFileName": "wwwroot/css/site.min.css",
    "inputFiles": [
      "wwwroot/css/site.css",
      "wwwroot/css/custom.css"
    ],
    "minify": {
      "enabled": true,
      "commentMode": "none"
    }
  },
  {
    "outputFileName": "wwwroot/js/site.min.js",
    "inputFiles": [
      "wwwroot/js/site.js",
      "wwwroot/js/utils.js"
    ],
    "minify": {
      "enabled": true,
      "renameLocals": true
    }
  }
]

这里可以指定输入文件列表、输出的min文件路径，还有压缩时的细节选项（比如是否删除注释、是否重命名局部变量等）。

进阶需求的补充 #

如果之后你需要更复杂的资源处理（比如ES6转ES5、Sass/Less编译），那可以考虑引入gulp或者webpack，但对于基础的打包压缩，Bundler & Minifier完全够用，而且是模板原生支持的方案，不用额外搭建复杂的构建流程。

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