在BundleConfig.cs文件中,包含了一些应用程序中使用的脚本和样式表的文件路径。并可以使用通配符。示例如下:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
|
using
System.Web;
using
System.Web.Optimization;
namespace
Web
{ public
class BundleConfig
{
// 有关 Bundling 的详细信息,请访问 http://go.microsoft.com/fwlink/?LinkId=254725
public
static void RegisterBundles(BundleCollection bundles)
{
bundles.Add( new
ScriptBundle( "~/bundles/jquery" ).Include(
"~/Scripts/jquery-{version}.js" ));
bundles.Add( new
ScriptBundle( "~/bundles/jqueryui" ).Include(
"~/Scripts/jquery-ui-{version}.js" ));
bundles.Add( new
ScriptBundle( "~/bundles/jqueryval" ).Include(
"~/Scripts/jquery.unobtrusive*" ,
"~/Scripts/jquery.validate*" ));
// 使用 Modernizr 的开发版本进行开发和了解信息。然后,当你做好
// 生产准备时,请使用 http://modernizr.com 上的生成工具来仅选择所需的测试。
bundles.Add( new
ScriptBundle( "~/bundles/modernizr" ).Include(
"~/Scripts/modernizr-*" ));
//多个样式的Include,使用逗号分隔
bundles.Add( new
StyleBundle( "~/Content/css" ).Include( "~/Content/site.css" , "~/Content/main.css" ));
}
}
} |
在BundleConfig.cs定义好的脚本和样式后,可在页面上引入。示例:
1
2
|
@Styles.Render( "~/Content/css" )
@Scripts.Render( "~/bundles/jquery" , "~/bundles/jqueryui" ) //多个bundle引入,可用逗号分隔
|
。。