• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    ASP.NET MVC中使用Bundle打包压缩js和css的方法

    在ASP.NET MVC4中(在WebForm中应该也有),有一个叫做Bundle的东西,它用来将js和css进行压缩(多个文件可以打包成一个文件),并且可以区分调试和非调试,在调试时不进行压缩,以原始方式显示出来,以方便查找问题。

    具体优势可自行百度或参看官方介绍:http://www.asp.net/mvc/tutorials/mvc-4/bundling-and-minification

    这里仅简单记录下如何使用。

    首先,如果是使用的ASP.NET MVC4基本或者其他内容更丰富的模板,Bundle应该已经自动配置上了,因为本身会有jQuery和jQuery UI的引用,这两项引用会用到Bundle。

    就简单说一下要点吧。

    首先在项目的App_Start文件夹中,会有一个BundleConfig.cs文件:

    这里面写了所有需要Bundle的内容,可以自行设置:

    其中的bundles.Add是在向网站的BundleTable中添加Bundle项,这里主要有ScriptBundle和StyleBundle,分别用来压缩脚本和样式表。用一个虚拟路径来初始化Bundle的实例,这个路径并不真实存在,然后在新Bundle的基础上Include项目中的文件进去。具体的Include语法可以查阅上面提供的官方简介。

    然后对Bundle的注册是在项目根下的Global.asax文件中,这个文件中的Application_Start是网站程序的开始,里面注册了网站各种初始化的内容,其中就包括对BundleTable的Bundle添加:

    默认情况下,Bundle是会对js和css进行压缩打包的,不过有一个属性可以显式的说明是否需要打包压缩:

    复制代码 代码如下:
    BundleTable.EnableOptimizations = true;

    如果将其设为false,那么就会和下面说的debug=true时的情况相同了。

    在使用时,在相应位置调用ScriptRender和StyleRender的Render方法:

    最终用户页面即可达到效果打包压缩效果。

    有一个地方主要注意,在Web.config中,当compilation编译的debug属性设为true时,表示项目处于调试模式,这时Bundle是不会将文件进行打包压缩的,页面中引用的js和css会分散原样的展示在html中,这样做是为了调试时查找问题方便(压缩以后就复杂了)

    最终部署运行时,将debug设为false就可以看到js和css被打包和压缩了。

    =============

    使用Bundle的关键在于要向ASP.NET中的BundleTable注册Bundle。

    如果要在ASP.NET WebForm中使用Bundle,需要在新建项目时选择.NET Framework 4.5,最好使用模板网站新建,这样就可以直接看到Bundle了。

     以上就是本文的全部内容,希望对大家的学习有所帮助。

    您可能感兴趣的文章:
    • ASP.NET MVC下Bundle的使用方法
    • Asp.net MVC下使用Bundle合并、压缩js与css文件详解
    • ASP.NET MVC Bundles 用法和说明(打包javascript和css)
    • 使用asp.net MVC4中的Bundle遇到的问题及解决办法分享
    • 基于Asp.Net MVC4 Bundle捆绑压缩技术的介绍
    • 详解Asp.Net MVC的Bundle捆绑
    上一篇:在ASP.NET 2.0中操作数据之五十二:使用FileUpload上传文件
    下一篇:ASP.NET组件System.Web.Optimization原理及缓存问题详解
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    ASP.NET MVC中使用Bundle打包压缩js和css的方法 ASP.NET,MVC,中,使用,Bundle,