在ASP.NET MVC中,使用Bundle來打包壓縮js和css

該總結參考博文地址:http://www.cnblogs.com/xwgli/p/3296809.htmljavascript

一、首先了解Bundle的做用:Bundles用於打包CSS和javascript腳本文件,優化對它們的組織管理。css

二、如何使用呢html

     添加BundleConfig.cs的文件:java

     

     在cs裏面添加綁定代碼:有CssBundle和ScriptBundle分別綁定css和js文件瀏覽器

     

     在App_Start文件裏設置爲啓動文件,緩存

     

     同時,在WebConfig裏面也要配置命名空間<add namespace="System.Web.Optimization"/>優化

    

     最後就是使用了:spa

     

     使用Render打包文件請求的優勢:htm

(1)、上面的"~/Content1" 是虛擬路徑,能夠隨便起名,用於標記打包哪一個文件夾下面的.css 文件,後面的Include方法接受的是一個string[] 根據傳入的路徑去對css文件進行打包。blog

(2)、使用Bundle來引用css有個好處 就是能夠把多個css文件在一塊兒請求,瀏覽器只發一次請求 不過必須在Global.asax裏面 加一段代碼 BundleTable.EnableOptimizations = true 來啓用優化。

(3)、在啓用優化後,當頁面下次再次發送請求的時候 BundleConfig裏面沒有更改的話 瀏覽器會從緩存中去取

相關文章
相關標籤/搜索