mvc4开篇之BundleConfig（1）

新建一个mvc4默认项目，会看到以下目录

打开App_start 里面BundleConfig.cs文件

你会看到这么一段话：

有关 Bundling 的详细信息，请访问 http://go.microsoft.com/fwlink/?LinkId=254725

我现在讲的东西跟上面网址所说大同小异，不同网址里面是英文版

我这里讲的一些简单点

Bundling 这个英文从字面意思来说是：捆绑意思。。。

从程序层面来说：就是将所有文件捆绑在一起，然后压缩成一个文件

Demo就不使用官方，我手动建一个，估计大家会看明白点

1、在BundleConfig.cs加入以下2段话

bundles.Add(new StyleBundle("~/test/style").Include(
                        "~/Content/a.css",
                        "~/Content/b.css"));

注意：~/test/style这个可以理解虚拟文件夹，实际上是不存在，但它里面包括2个文件

1	`~/Content/a.css 和 ~/Content/b.css`

2、　在a.css加入以下内容，没有实际意义，为了测试

.a_test_style {
font-size:12px;
}

在b.css加入以下内容，没有实际意义，为了测试

.a_test_style {
font-size:12px;
}

3、在Home文件夹增加Index视图，当然对于controller也要增加 index()方法

参考一下官方调用例子 site.master里面

<%: Styles.Render("~/Content/css") %>
<%: Scripts.Render("~/bundles/modernizr") %>
<%: Styles.Render("~/Content/themes/base/css") %>

测试页面代码很简单

<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>
 
<!DOCTYPE html>
 
<html>
<head runat="server">
    <meta name="viewport" content="width=device-width" />
    <title>Test</title>
    <%:Styles.Render("~/test/style") %>
</head>
<body>
    <div>
        <p>有钱就是任性</p>
    </div>
</body>
</html>