MVC 中 BundleConfig的做用

时间 2019-12-02

标签 mvc bundleconfig 繁體版

原文原文链接

在ASP.NET MVC4中（在WebForm中应该也有），有一个叫作Bundle的东西，它用来将js和css进行压缩（多个文件能够打包成一个文件），而且能够区分调试和非调试，在调试时不进行压缩，以原始方式显示出来，以方便查找问题。css

首先，若是是使用的ASP.NET MVC4基本或者其余内容更丰富的模板，Bundle应该已经自动配置上了，由于自己会有jQuery和jQuery UI的引用，这两项引用会用到Bundle。html

就简单说一下要点吧。web

首先在项目的App_Start文件夹中，会有一个BundleConfig.cs文件，这里面写了全部须要Bundle的内容，能够自行设置。网站

其中的bundles.Add是在向网站的BundleTable中添加Bundle项，这里主要有ScriptBundle和StyleBundle，分别用来压缩脚本和样式表。用一个虚拟路径来初始化Bundle的实例，这个路径并不真实存在，而后在新Bundle的基础上Include项目中的文件进去。spa

   bundles.Add(new ScriptBundle("~/bundles/controllers").Include(
                        "~/asset/js/controllers/*.js"));
            bundles.Add(new ScriptBundle("~/bundles/services").Include(
                       "~/asset/js/services/*.js"));

而后对Bundle的注册是在项目根下的Global.asax文件中，这个文件中的Application_Start是网站程序的开始，里面注册了网站各类初始化的内容，其中就包括对BundleTable的Bundle添加。debug

BundleConfig.RegisterBundles(BundleTable.Bundles);

有一个地方主要注意，在Web.config中，当compilation编译的debug属性设为true时，表示项目处于调试模式，这时Bundle是不会将文件进行打包压缩的，页面中引用的js和css会分散原样的展现在html中，这样作是为了调试时查找问题方便，最终部署运行时，将debug设为false就能够看到js和css被打包和压缩了。调试

  <system.web>
    <compilation debug="true" targetFramework="4.5" />
    <httpRuntime targetFramework="4.5" />
  </system.web>