Как связать js-файлы в asp.net?

Question

У меня есть угловое приложение с большим количеством файлов js, как я могу связать все эти файлы.

Каждый раз, когда я вижу в Интернете, они предлагают использовать BundleConfig для связывания js-файлов , но я использую пустой шаблон веб-приложения в asp.net.

Как связать JS файлы в порядке, так что никаких конфликтов не будет появляться, и не будет никаких проблем в выборе абсолютных путей и относительные пути

Answer 1

Как о создании нового проекта, который является полный проект MVC (выберите MVC . как tempalte не «пустой» Тогда смотрите под App_Start/BundleConfig.cs, создать что точный файл и зарегистрировать его в качестве проекта по умолчанию делает в Global.asax.cs

Global.asax.cs:

BundleConfig.RegisterBundles(BundleTable.Bundles); 

App_Start/BundleConfig.cs

using System.Web; 
using System.Web.Optimization; 

namespace WebApplication1 
{ 
    public class BundleConfig 
    { 
     // For more information on bundling, visit http://go.microsoft.com/fwlink/?LinkId=301862 
     public static void RegisterBundles(BundleCollection bundles) 
     { 
      bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
         "~/Scripts/jquery-{version}.js")); 

      bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
         "~/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 ScriptBundle("~/bundles/bootstrap").Include(
         "~/Scripts/bootstrap.js", 
         "~/Scripts/respond.js")); 

      bundles.Add(new StyleBundle("~/Content/css").Include(
         "~/Content/bootstrap.css", 
         "~/Content/site.css")); 
     } 
    } 
} 

Если быть честным, хотя. Для этого я бы использовал инструмент на основе узла, например webpack или gulp. Вы можете использовать пакеты, но они не такие мощные, и вы пропускаете много вещей, которые вы могли бы сделать в интерфейсной сборке. Это могло бы помочь намного больше с точки зрения правильного порядка загрузки, например.

Answer 2

В общем, у нас есть 2 способа расслоения AnguarJS/ASP.NET:

1. использование расслоение как выше пост BundleCollection от Justsayno
2. Используйте сжатие JS инструмент, как хрюканье или глотке. Образец. https://github.com/MarlabsInc/webapi-angularjs-spa ИЛИ https://github.com/dchill72/NpmBowerGulpSample

Надеется, что это поможет!