本文介绍的是 建立的空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. HDU 1013 Digital Roots（字符串，大数，九余数定理）

    Digital Roots Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others)Tot ...

  2. Tarjan缩点【p1262】间谍网络

    Description 由于外国间谍的大量渗入,国家安全正处于高度的危机之中.如果A间谍手中掌握着关于B间谍的犯罪证据,则称A可以揭发B.有些间谍收受贿赂,只要给他们一定数量的美元,他们就愿意交出手中 ...

  3. 22、Flask实战第22天：Flask信号

    Flask中的信号使用的是一个第三方插件blinker.通过pip list看一下是否安装,如果没有,则使用如下命令安装 pip install blinker 自定义信号 自定义信号分为3步: ①定 ...

  4. luogu P1291 [SHOI2002]百事世界杯之旅

    题目链接 luogu P1291 [SHOI2002]百事世界杯之旅 题解 设\(f[k]\)表示还有\(k\)个球员没有收集到的概率 再买一瓶,买到的概率是\(k/n\),买不到的概率是\((n-k ...

  5. 北京DAY1下午

    省选模拟题 周子凯 题目概况 中文题目名 简易比特币 计算 路径 英文题目名 bit calculation Path 输入文件名 bit.in calculation.in path.in 输出文件 ...

  6. [CF480E]Parking Lot

    题意:给一个$n\times m$的网格,初始时有些地方不能选,给$k$个询问$(x,y)$,每次令$(x,y)$不能选,然后询问最大子正方形的边长 如果按原题来做,禁止选一个点对答案的影响是极其鬼畜 ...

  7. 【最短路】【spfa】小vijos P1447 Updown

    小vijos P1447 Updown 背景 开启了升降梯的动力之后,探险队员们进入了升降梯运行的那条竖直的隧道,映入眼帘的是一条直通塔顶的轨道.一辆停在轨道底部的电梯.和电梯内一杆控制电梯升降的巨大 ...

  8. [Android Studio Problems]记录克隆项目中遇到的坑(问题)以及解决方法

    ①Migrate project to Gradle? 问题描述: This project does not use the Gradle build system. We recommend th ...

  9. Java高级架构师（一）第14节：新增和列表页面和分页tag

    <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding= ...

  10. Linux下使用xargs将多行文本转换成一行并用tr实现逗号隔开

    准备: cat test.txt 示例: cat test.txt | xargs 可以看出得到的字符串为空格隔开的. 再把上面的字符串用逗号隔开,可以使用tr命令进行空格的替换 cat test.t ...