建了2个项目,一个mvc一个webfrom。
1.NuGet包
2.创建配置文件
using System.Web.Optimization;
namespace MVC
{
public class Optimization
{
public static void RegisterBundle(BundleCollection config)
{
config.Add(new ScriptBundle("~/cmh").Include("~/scripts/jquery-1.7.1.min.js", "~/scripts/Pinyin.js", "~/scripts/PY.js"));
config.Add(new StyleBundle("~/css").Include("~/Content/bootstrap.css", "~/Content/bootstrap.min.css", "~/Content/Site.css"));
}
}
}
3.启动项目
using System.Web.Mvc;
using System.Web.Optimization;
using System.Web.Routing;
namespace MVC
{
public class MvcApplication : System.Web.HttpApplication
{
protected void Application_Start()
{
//绑定配置项
Optimization.RegisterBundle(BundleTable.Bundles);
//开启压缩
BundleTable.EnableOptimizations = true;
}
}
}
4.WEBFrom
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Index.aspx.cs" Inherits="WEB.Index" %>
<%@ Import Namespace="System.Web.Optimization" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<%= Scripts.Render("~/cmh") %>
<%= Styles.Render("~/css") %>
<script type="text/javascript">
$(function () {
$("#ddd").html("this is pig");
})
</script>
</head>
<body>
<form id="form1" runat="server">
<div id="ddd">
</div>
</form>
</body>
</html>
5 MVC
@{
ViewBag.Title = "Index";
}
@System.Web.Optimization.Scripts.Render("~/cmh")
@System.Web.Optimization.Styles.Render("~/css")
<script type="text/javascript">
$(function () {
$("#ddd").html("this is pig");
})
</script>
<h2>Index</h2>
<div id="ddd">
</div>
6.显示
网页在加载的时候,为了提供更加丰富的内容和效果,除了页面本身这个请求之外,总是需要加载其他一些资源的,例如我们常见的Javascript文件,css文件,图片,甚至还会有一些Flash组件等等。这本无可厚非,但如果过多的外部请求,会很直接地降低页面加载的速度,应该尽可能加减少请求数。