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

执行此操作后，你的绑定包应在你选择的首选步骤中自动更新。