ASP.NET Core 资源打包与压缩

目的：

将多个资源文件(css、js)捆绑在一个文件中

压缩文件，去除空格换行，减小文件体积

 

步骤：

1、在NuGet下载 BuildBundlerMinifier 包

2、在项目根目录创建配置文件，如下：

[
  {
    "outputFileName": "wwwroot/js/info.min.js", /*输出的文件地址,注意：如果要压缩文件，文件名格式必须是*.min.js*/
    "inputFiles": [ /*需要合并的文件列表，可以使用通配符*/
      "wwwroot/js/site.js",
      "wwwroot/js/site2.js"
    ],
    "minify": {
      "enabled": true
    }
  }
]

3、页面添加文件引用：

<script src="~/js/info.min.js"></script>

4、重新生成项目，注意必须要重新生成，不能生成项目。

 5、在页面中引用js

    <environment include="Development">
        <script src="~/js/checkout/checkout-base.js?d=@CONST.TIME_STAMP"></script>
        <script src="~/js/checkout/address-part.js?d=@CONST.TIME_STAMP"></script>
        <script src="~/js/checkout/info.js?d=@CONST.TIME_STAMP"></script>
    </environment>
    <environment exclude="Development">
        <script src="~/js/checkout/min/info.min.js?d=@CONST.TIME_STAMP"></script>
    </environment>

<environment>标签用于按特定的环境变量显示对应的元素

 

配置选项详细说明：

• outputFileName 要输出打包包文件的路径。与bundleconfig.json文件的相对路径。必填
• inputFiles 要打包的文件路径数组。
• minify 输入出类型的压缩选项。选填，默认值 minify:{enabled:true}
• includeInProject 将生成的文件添加到项目。选填，默认值-false
• sourceMaps 生成合并文件的源文件映射。选填，默认值 -false