1. 程式人生 > >在MVC中使用Bundle打包壓縮js和css

在MVC中使用Bundle打包壓縮js和css

inf pts sax uget body info strong 頁面 target

第一步:安裝

安裝“System.Web.Optimization”:在中“NuGet”中搜索

技術分享圖片

安裝。

第二步:配置

配置“Views”目錄下的“web.config”文件增加“System.Web.Optimization”配置

技術分享圖片

第三部:寫代碼

在“App_Start”文件夾新建名叫“BundleConfig”的Bundle文件,當然也可以叫其他的名字。

技術分享圖片

技術分享圖片

完成後需要在“Global.asax”中寫入代碼,執行“BundleConfig”類的“RegisterBundles”方法

技術分享圖片

在頁面中使用@Scripts.Render("~/jsbase")來加載打包壓縮後的內容。

技術分享圖片

需要註意的是,一般在調試的時候是看不到效果的,為了方便調試壓縮在這時是沒有啟用的。要在調試的時候看到效果,將<compilation debug="true" targetFramework="4.0" />中的true更改為false即可。

在MVC中使用Bundle打包壓縮js和css