一. 簡介
1.背景：瀏覽器默認一次性請求的網絡數是有上限的,如果你得js和css文件太多，就會導致瀏覽器需要多次加載，影響頁面的加載速度, MVC中提供Bundles的方式壓縮合並js和css，是MVC中特有的一種優化方式。
(當然現在前端也有很多基於node的工作流插件，可以合並壓縮混淆js或css)
2. 原理(了解即可)：核心方法ApplyTransforms，通過StreamReader不斷一次一次進行讀取
參考文檔：https://docs.microsoft.com/en-us/aspnet/mvc/overview/performance/bundling-and-minification
二. 如何使用
①：首先要在Global中進行注冊,代碼：BundleConfig.RegisterBundles(BundleTable.Bundles); 【系統默認已經注冊，此步驟不需要我們操作】
②：在BundleConfig類中進行自定義合並壓縮js或css
a. 壓縮css方法：bundles.Add(new StyleBundle("~/XXX").Include("","",""));
StyleBundle中的參數為一個虛擬路徑，單必須以【~/】開頭，后面自定義，該名稱即為在前端頁面引入的名稱。
Include中的參數為一個可變的string數組，用來聲明要壓縮合並的css文件的路徑。
b. 壓縮js方法：bundles.Add(new ScriptBundle("~/XXX").Include("","",""));
ScriptBundle中的參數為一個虛擬路徑，單必須以【~/】開頭，后面自定義，該名稱即為在前端頁面引入的名稱
Include中的參數為一個可變的string數組，用來聲明要壓縮合並的css文件的路徑。
③：在前端頁面通過Render方法或者原生方法引入合並后的js或css的虛擬目錄
④：將webconfig中的調試模式設置為false，這樣在不發布的情況下就可以看到壓縮后的效果。
<compilation debug="false" targetFramework="4.5" />
如果設置為true，直接在vs中運行，是看不到壓縮效果的，仍然是多個js或css文件 (適用於通過Render方式的引入)
⑤：該步驟和④的效果相同.
如果不設置④的情況下，還想在vs中運行看到壓縮效果，也可以在BundleConfig中加一句話：
BundleTable.EnableOptimizations = true; （特別注意：這里是true，而配置文件的方式是設置為false）
(適用於通過Render方式的引入)
補充：通過表達式擴展：(詳細語法可以參考上面的地址，下面擴展幾個常用的)
①： T* 該目錄下以T開頭的js或css文件
②： *.js *.css 該目錄下的所有js或css文件
③： T*.js T*.css 這個是不合法，違規的
三. 代碼測試
1. 新建兩個js文件和css文件
2. 在BundleConfig文件中進行注冊
3. 編寫前端頁面，以傳統的方式引入，並查看效果。
4. 引入壓縮合並后的路徑。
方式一的運行結果：
方式二的運行結果：發現並沒有壓縮
至於為什么，上面已經解釋了。
解決方案：
方案①：BundleTable.EnableOptimizations = true;
方案②：<compilation debug="false" targetFramework="4.5" />
重新運行：
最后補充幾個含格式驗證的壓縮：
