asp.net mvc的BundleConfig

mvc4以上,微軟加了BundleConfig,能夠用來統一管理網站的js和css文件,方便升級前端庫或切換cdn的好工具。雖然有些人以爲寫在layout裏面也能夠這樣作,前提是你的layout並很少,多了仍是用BundleConfig方便點。css

但在使用中遇到一些比較坑的問題。在這裏備註下,以避免再犯。前端

基本寫法以下:jquery

 bundles.Add(new ScriptBundle("~/wwwroot/plugins/jQuery/jquery-1.10.2.min.js",
                "//cdn.bootcss.com/jquery/1.10.2/jquery.min.js").Include(
                        "~/wwwroot/plugins/jQuery/jquery-1.10.2.min.js"));
藍色是虛擬路徑,供頁面使用,若是你是css文件,裏面有使用相對路徑取圖片,請使用和網站路徑一致的虛擬路徑,文件名能夠不一致,避免圖片文件路徑出錯。mvc

橙色是cdn路徑。工具

紅色是項目文件的實際路徑,能夠是多個,若是是多個,請注意藍色路徑不能是實際文件名,否則只會取一個。網站

 BundleTable.EnableOptimizations = true;spa

用來啓用捆綁壓縮,注意的是,藍色和紅色的文件名不能一致,不然不會壓縮。調試模式下就算開啓也不會壓縮,發佈就行了。調試

 bundles.UseCdn = true;cdn

用來啓用cdn。圖片

相關文章
相關標籤/搜索