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