1 是否允許樣式表壓縮 BundleTable.EnableOptimizations = true;
在MVC項目中的 BundleConfig操作中是微軟已經給我們准備好的CSS和JS壓縮,我們可以把模版頁的樣式表和腳本放入這個地方壓縮(子頁太多,所以另作壓縮)。這個配置文件在App_Start文件夾下,Global.asax在全局配置文件下,會啟用這個配置文件,對EnableOptimizations設置後,可以允許壓縮和不允許操作
1 bundles.Add(new StyleBundle("~/bundles/styles/benefits").Include( "~/Content/Benefits/BenefitsMaster.css", 2 "~/Content/Benefits/BenefitsHead.css" )); 3 bundles.Add(new ScriptBundle("~/bundles/scripts/base").Include( "~/Scripts/sea.js" , 4 "~/Scripts/seajs/style.js" , 5 "~/Scripts/seajs/combo.js" , 6 "~/Scripts/seajs/config.js" , 7 "~/Scripts/fmall/init.js" )); 8 分別對 樣式表,腳本頁面進行壓縮,創建虛擬路徑
1 頁面直接調用 : 2 @Styles.Render("~/Content/themes/base/css", "~/Content/css") 3 @Scripts.Render("~/bundles/modernizr") 項其實也是包含在三中的,我獨立出來,最主要感覺是我覺得他是個不錯的家伙。
代碼簡單,但是非常的適用,不知道大家有沒有使用過AjaxMinify這個東東,可以把腳本編譯,壓縮成最小的內容。
不過都是要使用命令的,然而在MVC4.0中System.Web.Optimization已經包含了這個東東,他們就是JsMinify和CssMinify,不要小看這兩個類,雖然公開的方法就兩個。
按照上述方法是用Scripts和Styles將腳本和樣式表引入頁面時,無需修改任何代碼就可以將腳本和樣式表編譯壓縮輸入到客戶端,
這樣不僅可以有效的增加JSHack的難度以及降低文件的大小。為了達到這個目的,我們只需要將BundleTable中的一個屬性設置為true即可!!
直接寫相對路徑試下呢?
如要引用css的文件的話,格式如:themes/xxx.css
如要引用JS的文件的話,格式如:js/xxx.js
已經發送3份。。。。(希望對你有所幫助。。。同時記得采納我的回答哦。。
如有網頁方面的問題,歡迎去我們團或群--專業網站制作
140391953(網站、網頁制作QQ群)
--------------------------------不滿意,可以hi我。。完全可以按照你的要求為你量身定做。。。。
參考資料:網站、網頁制作(團