本文介绍的是 建立的空MVC项目如何添加该功能

1.选中MVC项目,右键>"管理解决反感的NuGet程序包"

2.在"联机"中在线搜索搜索"Optimization",点击"安装".

3.在App_Start文件夹中添加类文件,类名为:BundleConfig,顶部添加"System.Web.Optimization" 引用.类里面添加一个静态方法,参数为"

BundleCollection"
using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.Optimization;

namespace Web

{

    public class BundleConfig

    {

        public static void RegisterBundles(BundleCollection bundles)

        {

            //添加一个JS的压缩

            //                                              请求路径             真实路径

            bundles.Add(new ScriptBundle("~/Script/index").Include( "~/Script/index.js"));

            //添加多个JS合并并且压缩

            //                                              请求路径                                     真实路径                        真实路径

            bundles.Add(new ScriptBundle("~/Script/common").Include("~/Script/jquery.js", "~/Script/common.js"));

            //添加一个css压缩

            //                                              请求路径             真实路径

            bundles.Add(new StyleBundle("~/Style/index").Include("~/Style/index.css"));

            //添加多个css合并并且压缩

            //                                              请求路径                                     真实路径                        真实路径

            bundles.Add(new StyleBundle("~/Style/common").Include("~/Style/common.css","~/Style/header.css"));

        }

    }

}
 

注意 ：除非设置EnableOptimizations为true或设置Web.config文件中compilption 节点的debug属性为false，否则程序是不会合并和压缩文件的。 此外，系统也不会选择压缩过的脚本，而是选择调试版本。 EnableOptimizations属性的设置将会覆盖Web.config中的设置。

在 Web.config文件中compilation节点设置debug 的值可以开启或关闭压缩和合并功能。 在下面的XML中， debug设置值为true，可以禁用脚本压缩和合并功能。

<system.web>

    <compilation debug="true" />

    <!-- Lines removed for clarity. -->

</system.web>

如果要启用脚本压缩和合并，则设置debug 为false 。你可以通过BundleTable 类的EnableOptimizations 属性来覆盖Web.config中的设置。 下面的代码演示了如果通过BundleTable 来覆盖Web.config文件中的设置：

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.Optimization;

namespace Web

{

    public class BundleConfig

    {

        public static void RegisterBundles(BundleCollection bundles)

        {

            //添加一个JS的压缩

            //                                              请求路径             真实路径

            bundles.Add(new ScriptBundle("~/Script/index").Include( "~/Script/index.js"));

            //添加多个JS合并并且压缩

            //                                              请求路径                                     真实路径                        真实路径

            bundles.Add(new ScriptBundle("~/Script/common").Include("~/Script/jquery.js", "~/Script/common.js"));

            //添加一个css压缩

            //                                              请求路径             真实路径

            bundles.Add(new StyleBundle("~/Style/index").Include("~/Style/index.css"));

            //添加多个css合并并且压缩

            //                                              请求路径                                     真实路径                        真实路径

            bundles.Add(new StyleBundle("~/Style/common").Include("~/Style/common.css","~/Style/header.css"));

            //启用压缩 合并

            BundleTable.EnableOptimizations = true;

        }

    }

}

4.在项目根目录中的"Global.asax"中的引用"System.Web.Optimization",在"Application_Start"方法中添加"   BundleConfig.RegisterBundles(BundleTable.Bundles);"

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.Http;

using System.Web.Mvc;

using System.Web.Routing;

using System.Web.Optimization;

namespace Web

{

    // 注意: 有关启用 IIS6 或 IIS7 经典模式的说明，

    // 请访问 http://go.microsoft.com/?LinkId=9394801

    public class MvcApplication : System.Web.HttpApplication

    {

        protected void Application_Start()

        {

            BundleConfig.RegisterBundles(BundleTable.Bundles);

            RouteConfig.RegisterRoutes(RouteTable.Routes);

        }

    }

}

5.打开"Views"文件夹中的"web.config",找到截图中的节点,添加"<add namespace="System.Web.Optimization"/>"

6.在视图中引用:

<head>

    <meta name="viewport" content="width=device-width" />

    <title>View1</title>

    <!--引用css-->

 @Styles.Render("~/Style/common")

    <!--引用JS-->

 @Scripts.Render("~/Script/index")

</head>

7.搞定

参见:http://www.cnblogs.com/lifeil/archive/2013/03/11/2954071.html

ASP.NET MVC4空MVC项目添加脚本压缩和合并的更多相关文章

  1. Asp.Net Mvc项目添加WebApi

    1.添加一个WebApi 空项目 2.删除WebApi项目下的 Global.asax 文件,因为我们要把WebApi项目整合到Mvc项目中去,全局只需要一个Global 3.修改 WebApi 项目 ...

  2. 安装asp.net mvc4后mvc3项目编译报错

    安装asp.net mvc4之后,之前的mvc3项目编译时报这个错“The type System.Web.Mvc.ModelClientValidationRule exists in both c ...

  3. 给现有MVC 项目添加 WebAPI

    1. 增加一个WebApi Controller, VS 会自动添加相关的引用,主要有System.Web.Http,System.Web.Http.WebHost,System.Net.Http 2 ...

  4. asp.net mvc4 设置build项目时，编译view页面

    新建好项目后,把system.web.mvc.dll移除,重新选择本地C:\Program Files (x86)\Microsoft ASP.NET\ASP.NET MVC 4\Assemblies ...

  5. webapi-1 给现有MVC 项目添加 WebAPI

    1. 增加一个WebApi Controller, VS 会自动添加相关的引用,主要有System.Web.Http,System.Web.Http.WebHost,System.Net.Http 2 ...

  6. 空MVC项目找不到System.Web.Optimization的处理办法

    install-package Microsoft.AspNet.Web.Optimization Create the bundle in Global.asax Application_Start ...

  7. MVC4新功能．．．压缩和合并js文件和样式文件

    1.在App_Start文件夹中BundleConfig.cs类中添加相应的文件 1.1bundles.Add(new ScriptBundle("~/bundles/adminJs&quo ...

  8. asp.net mvc4 System.Web.Optimization找不到引用

    在MVC4的开发中,如果创建的项目为空MVC项目,那么在App_Start目录下没有BundleConfig.cs项的内容,在手动添加时在整个库中都找不到:System.Web.Optimizatio ...

  9. Asp.net MVC4.0（net4.5） 部署到window server 2003上的解决方案

    Asp.net MVC4.0(net4.5) 部署到window server 2003上的解决方案 最近做了一个Web项目,也没多想就用了Asp.net MVC4.0 ,MVC4.0默认的目标fra ...

随机推荐

  1. </2017><2018>

    >>> Blog 随笔原始文档及源代码 -> github: https://github.com/StackLike/Python_Note >>> 统计信 ...

  2. 51nod 循环数组最大子段和（动态规划）

    循环数组最大子段和 输入 第1行:整数序列的长度N(2 <= N <= 50000) 第2 - N+1行:N个整数 (-10^9 <= S[i] <= 10^9) 输出   输 ...

  3. sed 手册 http://www.gnu.org/software/sed/manual/sed.html

    http://www.gnu.org/software/sed/manual/sed.html

  4. POJ 1466 Girls and Boys（二分图匹配）

    [题目链接] http://poj.org/problem?id=1466 [题目大意] 给出一些人和他们所喜欢的人,两个人相互喜欢就能配成一对, 问最后没有配对的人的最少数量 [题解] 求最少数量, ...

  5. UILabel设置行间距

    UILabel设置行间距: NSMutableAttributedString *attributedString = [[NSMutableAttributedString alloc]initWi ...

  6. Linux下使用xargs得到字符串作为参数进行输出、awk得到字符串作为参数进行输出

    背景: cat test.txt 实例: 1.xargs cat test.txt | xargs -i echo {} cat test.txt | xargs -I {} echo {} 大小写i ...

  7. Linux下交叉编译gdb和gdbserver

    平台:tq2440 GCC:  gcc version 4.3.3 (Sourcery G++ Lite 2009q1-176) 这里过程中参考了下面两篇博文: http://blog.csdn.ne ...

  8. Android Service完全解析，关于服务你所需知道的一切

    来自:http://www.360doc.com/content/14/0415/18/2793098_369238276.shtml 相信大多数朋友对Service这个名词都不会陌生,没错,一个老练 ...

  9. Xcode编译错误和警告汇总

    1.error: macro names must be identifiers YourProject_prefix.pch 原因: 因为你弄脏了预处理器宏,在它处于<Multiple Val ...

  10. 用Storyboard构建标签栏多页面应用程序UI

    注: 貌似CSDN的显示效果不佳,假设有须要的话我能够上传pdf格式的: 另外假设文章中有错误还请给位多多提意见,谢谢. pdf格式文档:http://download.csdn.net/detail ...