###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>
版权声明:本站所有资料均为网友推荐收集整理而来,仅供学习和研究交流使用。
工作时间:8:00-18:00
客服电话
电子邮件
admin@qq.com
扫码二维码
获取最新动态