ASP.NET MVC RegisterBundles

最新推荐文章于 2024-09-14 22:25:22 发布

weixin_34204057

最新推荐文章于 2024-09-14 22:25:22 发布

阅读量172

点赞数

文章标签：测试

原文链接：https://yq.aliyun.com/articles/381537

版权

###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=301862
        public 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>