首页 > 编程语言 >在ASP.NET WEBFORM项目中使用MVC4中的BundleConfig捆绑压缩JS和CSS

在ASP.NET WEBFORM项目中使用MVC4中的BundleConfig捆绑压缩JS和CSS

时间:2023-02-27 10:34:41浏览次数:34  
标签:MVC4 Web ASP bundles js lp WEBFORM sem css

1.在Web.config中配置
<runtime>
<assemblyBinding xmlns="urn:schemas-microsoft-com:asm.v1">
<dependentAssembly>
<assemblyIdentity name="WebGrease" publicKeyToken="31bf3856ad364e35" culture="neutral" />
<bindingRedirect oldVersion="0.0.0.0-1.3.0.0" newVersion="1.3.0.0" />
</dependentAssembly>
</assemblyBinding>
</runtime>
2.在Global.asax中注册自定义的捆绑类
protected void Application_Start(object sender, EventArgs e)
{

//注册捆绑压缩JS与CSS
BundleTable.EnableOptimizations = true;//是否开启合并
BundleConfig.RegisterBundles(BundleTable.Bundles);

}
3.新建一个自定义类叫BundleConfig
using System.Web;
using System.Web.Optimization;

namespace MetenSite.Web
{
public class BundleConfig
{
public static void RegisterBundles(BundleCollection bundles)
{
// 在/sem/lp/js 下的页面底部的js
bundles.Add(new ScriptBundle("~/bundles/sem/lp/bundlejs").Include(
"~/sem/lp/js/com.js",
"~/sem/lp/js/js-video.js",
"~/sem/lp/js/leftnav.js",
"~/sem/lp/js/phonemd.js",
"~/sem/lp/js/regsiter.js",
"~/sem/lp/js/jquery.cookie.js"));

// 在/sem/lp/css下的页面头部的CSS
bundles.Add(new StyleBundle("~/bundles/sem/lp/css/bundletopcss").Include(
"~/sem/lp/css/com.css",
"~/sem/lp/css/register.css"));

// /sem/lp/hotel.aspx css
bundles.Add(new StyleBundle("~/bundles/sem/lp/hotelcss").Include("~/sem/lp/css/hotel.css"));



// 在/sem/lp/css下的页面底部的CSS
//bundles.Add(new StyleBundle("~/bundles/sem/lp/css/bundlebottomcss").Include(
// "~/sem/lp/css/header_footer.css",
// "~/sem/lp/css/hoteldown.css",
// "~/sem/lp/css/inquire.css",
// "~/sem/lp/css/interview.css",
// "~/sem/lp/css/listening.css",
// "~/sem/lp/css/online_talk.css",
// "~/sem/lp/css/online_website.css",
// "~/sem/lp/css/onlineStudy.css",
// "~/sem/lp/css/onlineTest.css",
// "~/sem/lp/css/sentences.css",
// "~/sem/lp/css/tour.css",
// "~/sem/lp/css/videoList.css",
// "~/sem/lp/css/voa.css",
// "~/sem/lp/css/zero.css",
// "~/sem/lp/css/zero_course.css",
// "~/sem/lp/css/zero_talk.css",
// "~/sem/lp/css/zeroTalk.css"));

}
}
}

4.在页面上引用WEBFORM下
CSS的引用
<%: System.Web.Optimization.Styles.Render("~/bundles/sem/lp/hotelcss")%>
JS的引用
<%: System.Web.Optimization.Scripts.Render("~/bundles/sem/lp/bundlejs")%>
MVC 3.0及以上
CSS的引用
@System.Web.Optimization.Styles.Render("~/bundles/sem/lp/hotelcss");
JS的引用
@System.Web.Optimization.Scripts.Render("~/bundles/sem/lp/bundlejs");

标签:MVC4,Web,ASP,bundles,js,lp,WEBFORM,sem,css
From: https://blog.51cto.com/u_14062833/6087818

相关文章

  • ASP.NET读取目录及文件
    <spanstyle="font-size:18px;">DirectoryInfodir=newDirectoryInfo(path);FileInfo[]files=dir.GetFiles();</span><spanstyle="font-size:18px;">for(inti=0;i<f......
  • 【ASP.NET Core】标记帮助器——替换元素名称
    标记帮助器不仅可以给目标元素(标记)插入(或修改)属性,插入自定义的HTML内容,在某些需求中还可以替换原来标记的名称。比如我们在使用Blazor时很熟悉的Component标记帮助器......
  • asp.net 启用认证的全过程
    1、webconfig<system.web><authenticationmode="Forms"><formsloginUrl="~/Admin/Login"timeout="2880"></forms></authentication></system.web>增加下面的节......
  • asp.net core web api 输出的 json 中文被编码(乱码)的问题
    可能因为在.netcore3.1后,序列化组件已经是:System.Text.Json,序列化的默认行为有改变。 解决方案1:更换JSON组件(https://q.cnblogs.com/q/114831/)添加Microsoft.As......
  • ASP.NET中maxRequestLength和maxAllowedContentLength的区别;上传大文件设置IIS7文件上
    https://blog.csdn.net/qq_23663693/article/details/89920039maxRequestLength表示ASP支持的最大请求大小,而maxAllowedContentLength指定IIS支持的请求中内容的最大长度......
  • ASP.NET文件夹上传解决方案
    ​ 1 背景用户本地有一份txt或者csv文件,无论是从业务数据库导出、还是其他途径获取,当需要使用蚂蚁的大数据分析工具进行数据加工、挖掘和共创应用的时候,首先要将本地文......
  • ASP.NET Core - 依赖注入(二)
    .NETCore依赖注入的基本用法话接上篇,这一章介绍.NETCore框架自带的轻量级Ioc容器下服务使用的一些知识点,大家可以先看看上一篇文章[ASP.NETCore-依赖注入(......
  • asp.net core webapi之创建项目后切换http/https
    在项目调试过程中如果选择了https则会出现下面问题这时的解决方案为:项目-右键-属性-调试,把原先的https后的s删除即可  ......
  • Asp.NET Core 导出数据到 Excel 文件
    在Asp.NetCore开发中,使用NPOI将数据导出到Excel文件中,并返回给前端。service层代码:///<summary>///将数据导出到excel///</summary>......
  • asp.net core webapi初识
    1.建立webapi项目  2.把启用SSL取消勾选(取消https)  3.选择项目-右键-发布,进行发布信息设置,选择文件夹发布   4.打开IIS管理器,新建网站,物理路径选择刚刚......