ASP.NET MVC RegisterBundles-小白筆記-匯編語言學習筆記

ASP.NET MVC RegisterBundles

2023-09-05 阅读 304 评论 0

摘要：###1. Install the package from nuget Install-Package Microsoft.AspNet.Web.Optimization ###2，BundleConfig 配置 using System.Web.Optimization;namespace CNBlogsMsg.Web {public class BundleConfig{// For more information on bundling, visit http://go.mi

###1. Install the package from nuget

Install-Package Microsoft.AspNet.Web.Optimization

###2，BundleConfig 配置

using System.Web.Optimization;namespace CNBlogsMsg.Web
{public class BundleConfig{// For more information on bundling, visit http://go.microsoft.com/fwlink/?LinkId=301862public static void RegisterBundles(BundleCollection bundles){bundles.Add(new ScriptBundle("~/bundles/demo_js.js").Include("~/scripts/demo_js_1.js"));bundles.Add(new StyleBundle("~/bundles/demo_css.css").Include("~/css/demo_css_2.css","~/css/demo_css_2.css"));}}
}

###3. Global.asax－Application_Start 配置

        protected void Application_Start(){AreaRegistration.RegisterAllAreas();WebApiConfig.Register(GlobalConfiguration.Configuration);FilterConfig.RegisterGlobalFilters(GlobalFilters.Filters);RouteConfig.RegisterRoutes(RouteTable.Routes);BundleConfig.RegisterBundles(BundleTable.Bundles);//添加注册配置}

###4. Views 配置

@using System.Web.Optimization;
<!DOCTYPE html>
<html>
<head><meta charset="utf-8" /><title>@Page.Title</title>@Styles.Render("~/bundles/demo_css.css")@Scripts.Render("~/bundles/demo_js.js")
</head>
<body><div>demo</div>
</body>
</html>

###5. web.config 配置

  <!--禁用调试模式，否则没有 Hash 值生成--><system.web><compilation debug="false" targetFramework="4.5.1" /></system.web><runtime><assemblyBinding xmlns="urn:schemas-microsoft-com:asm.v1"><dependentAssembly><assemblyIdentity name="WebGrease" publicKeyToken="31bf3856ad364e35" culture="neutral" /><bindingRedirect oldVersion="0.0.0.0-1.5.2.14234" newVersion="1.5.2.14234" /></dependentAssembly></assemblyBinding></runtime>

###6. 效果

<!DOCTYPE html>
<html>
<head><meta charset="utf-8" /><title>Title</title><link href="/bundles/demo_css.css?v=I3rpG68fm1kRMzWXmKkubZQkNLGHPBbWwHrdU7nUhtw1" rel="stylesheet"/><_script src="/bundles/demo_js.js?v=gf-dTESU0iXHXV4Jp47ItNHcKFXY6h0iN-ExF9Ih0Mo1"></_script>
</head>
<body><div>demo</div>
</body>
</html>