如何将ASP.NET MVC中的js和css文件通过Bundle打包进行压缩优化？
- 内容介绍
- 文章标签
- 相关推荐
本文共计655个文字，预计阅读时间需要3分钟。
在ASP.NET MVC4中，存在一个名为Bundle的功能，用于将js和css文件进行压缩合并（多个文件可打包成一个文件），并支持区分开发和测试环境，开发时不进行压缩，测试时才压缩。
在ASP.NET MVC4中（在WebForm中应该也有），有一个叫做Bundle的东西，它用来将js和css进行压缩（多个文件可以打包成一个文件），并且可以区分调试和非调试，在调试时不进行压缩，以原始方式显示出来，以方便查找问题。
具体优势可自行百度或参看官方介绍：www.asp.net/mvc/tutorials/mvc-4/bundling-and-minification
这里仅简单记录下如何使用。
首先，如果是使用的ASP.NET MVC4基本或者其他内容更丰富的模板，Bundle应该已经自动配置上了，因为本身会有jQuery和jQuery UI的引用，这两项引用会用到Bundle。
就简单说一下要点吧。
首先在项目的App_Start文件夹中，会有一个BundleConfig.cs文件：
这里面写了所有需要Bundle的内容，可以自行设置：
其中的bundles.Add是在向网站的BundleTable中添加Bundle项，这里主要有ScriptBundle和StyleBundle，分别用来压缩脚本和样式表。用一个虚拟路径来初始化Bundle的实例，这个路径并不真实存在，然后在新Bundle的基础上Include项目中的文件进去。具体的Include语法可以查阅上面提供的官方简介。
本文共计655个文字，预计阅读时间需要3分钟。
在ASP.NET MVC4中，存在一个名为Bundle的功能，用于将js和css文件进行压缩合并（多个文件可打包成一个文件），并支持区分开发和测试环境，开发时不进行压缩，测试时才压缩。
在ASP.NET MVC4中（在WebForm中应该也有），有一个叫做Bundle的东西，它用来将js和css进行压缩（多个文件可以打包成一个文件），并且可以区分调试和非调试，在调试时不进行压缩，以原始方式显示出来，以方便查找问题。
具体优势可自行百度或参看官方介绍：www.asp.net/mvc/tutorials/mvc-4/bundling-and-minification
这里仅简单记录下如何使用。
首先，如果是使用的ASP.NET MVC4基本或者其他内容更丰富的模板，Bundle应该已经自动配置上了，因为本身会有jQuery和jQuery UI的引用，这两项引用会用到Bundle。
就简单说一下要点吧。
首先在项目的App_Start文件夹中，会有一个BundleConfig.cs文件：
这里面写了所有需要Bundle的内容，可以自行设置：
其中的bundles.Add是在向网站的BundleTable中添加Bundle项，这里主要有ScriptBundle和StyleBundle，分别用来压缩脚本和样式表。用一个虚拟路径来初始化Bundle的实例，这个路径并不真实存在，然后在新Bundle的基础上Include项目中的文件进去。具体的Include语法可以查阅上面提供的官方简介。