Bundler 和 Minifier 擴充套件

Visual Studio 還具有可用的 Bundler 和 Minifier Extension ，可以為你處理此過程。該擴充套件程式允許你輕鬆選擇和繫結所需的檔案，而無需編寫一行程式碼。

建立你的繫結

安裝擴充套件後，選擇要包含在繫結中的所有特定檔案，並使用擴充套件中的 Bundle and Minify Files 選項：

http://i.stack.imgur.com/4wie9.gif

這將提示你為你的包命名，並選擇一個位置以儲存它。然後，你將注意到專案中名為 bundleconfig.json 的新檔案，如下所示：

[
  {
    "outputFileName": "wwwroot/app/bundle.js",
    "inputFiles": [
      "wwwroot/lib/jquery/dist/jquery.js",
      "wwwroot/lib/bootstrap/dist/js/bootstrap.js",
      "wwwroot/lib/jquery-validation/dist/jquery.validate.js",
      "wwwroot/lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.js" 
    ]
  }
]

注意： 選擇檔案的順序將決定它們在包中的顯示順序，因此如果你有任何依賴關係，請確保將其考慮在內。

縮小你的繫結

現在，上一步將簡單地繫結你的檔案，如果你想縮小繫結包，那麼你需要在 bundleconfig.json 檔案中指明。只需在現有繫結包中新增如下所示的 minify 塊，以表明你希望縮小：

[
  {
    "outputFileName": "wwwroot/app/bundle.js",
    "inputFiles": [
      "wwwroot/lib/jquery/dist/jquery.js",
      "wwwroot/lib/bootstrap/dist/js/bootstrap.js",
      "wwwroot/lib/jquery-validation/dist/jquery.validate.js",
      "wwwroot/lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.js" 
    ],
    "minify": {
      "enabled": true
    }
  }
]

自動化你的繫結包

最後，如果要自動執行此過程，則可以計劃在構建應用程式時執行任務，以確保繫結包反映應用程式中的任何更改。

為此，你需要執行以下操作：

• 開啟 Task Runner Explorer （通過 Tools> Task Runner Explorer）。
• 右鍵單擊 bundleconfig.json 下面的 Update All Files 選項。
• **** 從繫結上下文選單中選擇首選繫結。

http://i.stack.imgur.com/LYWkS.gif

執行此操作後，你的繫結包應在你選擇的首選步驟中自動更新。