Angular jsとテーマを使用したASP.NET MVCの構造を定義する

Question

こんにちは私はAngular jとAngular jsとASP.NET MVCで作成するアプリケーションを開始しようとしています。

Bundle.configを使用してファイルを適切に定義することによって適切なフローを作成する必要がありますが、どのようにファイルを優先的に設定できるかはわかりません。

は今、私は次のようにファイルを設定している：すべてのファイルはここに優先賢明紛失した場合

bundles.Add(new StyleBundle("~/bundles/bootstrapcss").Include(
       "~/Content/themes/mytheme/bootstrap.min.css", 
       "~/Content/themes/mytheme/main.css" 
       )); 

      bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
         "~/Scripts/jquery.js", 
         "~/Scripts/jquery.validate.min.js")); 

      bundles.Add(new ScriptBundle("~/bundles/angular").Include(
       "~/Scripts/Angular/angular.min.js" 
       )); 

      bundles.Add(new StyleBundle("~/bundles/datatables").Include(
       "~/Scripts/datatables/dataTables.min.js", 
       "~/Scripts/datatables/dataTables.bootstrap.min.js", 
       "~/Scripts/datatables/dataTables.tableTools.js", 
       "~/Scripts/datatables/autoFill.min.js", 
       "~/Scripts/datatables/autoFill.bootstrap.min.js", 
       "~/Scripts/datatables/fixedHeader.min.js", 
       "~/Scripts/datatables/custom-datatables.js" 
       )); 

      bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include(
         "~/Scripts/bootstrap.min.js")); 

      bundles.Add(new ScriptBundle("~/bundles/AngularStructure").Include(
          "~/Scripts/Angular/Module/app.js", 
          "~/Scripts/Angular/Controller/Controller.js", 
          "~/Scripts/Angular/Service/Service.js" 
         )); 

      bundles.Add(new ScriptBundle("~/bundles/jqueryui").Include(
         "~/Scripts/jquery-ui-{version}.min.js")); 

      bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
         "~/Scripts/jquery.unobtrusive*", 
         "~/Scripts/jquery.validate*")); 

      // Use the development version of Modernizr to develop with and learn from. Then, when you're 
      // ready for production, use the build tool at http://modernizr.com to pick only the tests you need. 
      bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(
         "~/Scripts/modernizr-*")); 

      bundles.Add(new StyleBundle("~/bundles/themes/base/minified/css").Include(
         "~/Content/themes/base/minified/jquery.ui.core.min.css", 
         "~/Content/themes/base/minified/jquery.ui.resizable.min.css", 
         "~/Content/themes/base/minified/jquery.ui.selectable.min.css", 
         "~/Content/themes/base/minified/jquery.ui.accordion.min.css", 
         "~/Content/themes/base/minified/jquery.ui.autocomplete.min.css", 
         "~/Content/themes/base/minified/jquery.ui.button.min.css", 
         "~/Content/themes/base/minified/jquery.ui.dialog.min.css", 
         "~/Content/themes/base/minified/jquery.ui.slider.min.css", 
         "~/Content/themes/base/minified/jquery.ui.tabs.min.css", 
         "~/Content/themes/base/minified/jquery.ui.datepicker.min.css", 
         "~/Content/themes/base/minified/jquery.ui.progressbar.min.css", 
         "~/Content/themes/base/minified/jquery.ui.theme.min.css")); 

を教えてください。

私も、私はここにも適用されてきたと私は流れを次でそれをレンダリングするが、私はDataTableのを追加したときに私にエラーを与えるときに、同様のDataTableのjsを設定したい：

のDataTableがなければ、それはうまくいきますが、私はdatatables jsをすべてのcshtmlファイルに追加する必要はありません。

私の時間を節約することができますし、適切な方法でファイルを配置する方法を習得することもできます。

ありがとうございます。 :)

Answer 1

datatablesバンドルには、スタイルではなくスクリプトが含まれています。 ~bundles/jqueryと~bundles/jqueryval中 -

bundles.Add(new ScriptBundle("~/bundles/datatables").Include(
    .... 
)); 

にそれを変更するには、あなたも二回jquery.validateを持っています。 ~/bundles/jquery

また、ミニバージョンでないバージョンを使用することをお勧めします。 MVCのバンドル機能は、実稼働環境で自動的に縮小されます（デバッグモードでは完全版をデバッグに使用できます）