Bundle不是.net Framework框架中的一员,使用Bundle首先要先添加引用,如下:
nuget包管理--程序包管理控制台--Install-Package Microsoft.AspNet.Web.Optimization
1.App_Start添加BundleConfig.cs文件,当然你可以把如下直接写在Globle.aspx的Application_Start中
public class BundleConfig { public static void RegisterBundles(BundleCollection bundles) { //1.添加js bundles.Add(new ScriptBundle("~/jsLayout") .Include("~/...js") .Include("~/...js")); //2.添加css bundles.Add(new StyleBundle("~/cssLayout") .Include("~/...css") .Include("~/...css")); //3.启动css,js压缩 BundleTable.EnableOptimizations = true; } }
2.Globle.aspx的Application_Start引用
BundleConfig.RegisterBundles(BundleTable.Bundles);
3.修改View下的web.config中razor引擎配置,添加项System.Web.Optimization
4.前台引用,我是在_Layout.chtml中引用,如下:
@ViewBag.Title @* 样式 *@ @Styles.Render("~/cssLayout"); @RenderSection("headResources", required: false) @RenderBody() @* 脚本*@ @Scripts.Render("~/jsLayout"); @RenderSection("footerResources", required: false)
5.个人页面调用Layout,比如Index.cshtml
@{ ViewBag.Title = "Index"; Layout = "~/Views/Shared/_Layout.cshtml";}@section footerResources { //只有本页面用到的js文件 //自定义js }