使用asp.net MVC4中的Bundle遇到的問題及解決辦法分享_實用技巧

背景 
  之前有過使用MVC3的經驗，也建過MVC4的基本範例看過，知道有bundle這麼一個方法。

  近日想建個網站使用MVC4，但是我覺得在基本範例上改不好，有太多無用的東西，所以就建了一個空白的MVC的程式，然後自己寫需要的東西，

  將程式的目標框架從4.5降到了4.0（我使用的是VS2013），問題就來了。

問題及解決辦法
 1、降了目標框架之後，vs報一個警告：NuGet程式包是使用不同於當前目標框架的目標框架安裝的，需要更新System.Web.Http，之前有用過NuGet，

     但是只是用它來添加需要的程式集， 沒有更新過啊。

     解決：搜尋之，不難找到答案，在NuGet的命令視窗，使用Update-Package 程式包名 來更新，對於只使用管理NuGet程式包視窗的人來說，命令視窗在哪呢？

開啟視窗，使用命令 update-package System.Web.Http 更新即可。

2、第一次見到使用Bundle時候，覺得有這個之後多處引用js或者css的時候寫的就方便了，現在知道了它更大的用處是對js或者css檔案進行合并壓縮。

    具體怎麼用呢，不知道了，好解決，再單獨建立一個mvc4的基本範例程式查看一下。

    問題： 首先需要在App_Star檔案夾下建立一個BundleConfig.cs類，定義RegisterBundles方法，需要BundleCollection對象作為參數，發現沒有BundleCollection類

    解決：程式添加對System.Web.Optimization.dll的引用，類中添加using System.Web.Optimization

    問題：BundleConfig.cs類寫好了，在Global.asax檔案的Application_Start方法中註冊了，那在頁面View中用吧，但是寫@Styles.Render時怎麼也不出提示，

            怎麼沒有呢？ 在範例頁面上也沒看到有引用命名空間呢？

    解決：原來這個命名空間是需要在web.config中添加的，在程式目錄下有個web.config ，在View檔案夾下也有個web.config，在兩個檔案中都加上

             <add namespace="System.Web.Optimization"/> ，具體位置你一看web.config就知道了。

   問題：OK，都寫好了運行一下吧，我去，出異常了。第一眼就看見提示“使用相對路徑時，請確保目前的目錄是正確的”，難道說是BundleConfig.cs定義的檔案路徑有問題？

            問題是沒有載入WebGrease

解決：程式添加引用：Antlr3.Runtime.dll 和WebGrease.dll，在程式根目錄下的web.config中添加以下節點

問題：程式運行起來，沒有報錯，以為一切ok了，卻發現Jquery.min.js檔案沒有引用上？

       解決：上邊說到了bundle有對檔案壓縮的功能，檔案名稱中有min它就不引用了，所以把檔案名稱中的min去掉，改成Jquery.js就可以了。

        搜尋過程中有篇文章說

    new ScriptBundle("~/bundles/js/jqueryContent") 中的的名字 不能有特殊符號。。比如 . - 否則無效呀。地址

總結：在使用bunle過程中需要引用三個dll，在web.config中做兩處的配置，我想我如果不從0開始寫，我不會知道這些。