C'è qualche ragione per avere più bundle di ScriptBundle in BundleConfig?

Question

Qui, il default MVC5 App BundleConfig:

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")); 
    } 
} 

Non sarebbe molto più semplice avere un solo fascio, dove potrete inserire tutti gli script necessari? in questo modo:

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/scripts").Include(
        "~/Scripts/jquery-{version}.js", 
        "~/Scripts/jquery.validate*", 
        "~/Scripts/modernizr-*", 
        "~/Scripts/bootstrap.js", 
        "~/Scripts/respond.js")); 
    } 
} 

Oppure, ancora più semplice, come questo (nella cartella Script si mettono solo i file JS necessari):

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/scripts").Include("~/Scripts/*")); 
    } 
} 

Answer 1

Non sarebbe molto più semplice hai solo un pacchetto, dove includerai tutti gli script di cui hai bisogno?

Questo potrebbe semplificare leggermente il processo di sviluppo in quanto non è necessario cercare il pacchetto corrispondente da includere. Ma guardiamo a questo da un'altra prospettiva.

Sulla asp.net forum quanto segue è witten:

legatura e minification sono due tecniche che è possibile utilizzare in ASP.NET 4.5 per migliorare il tempo di caricamento richiesta. Accorpamento e minification migliora il tempo di caricamento, riducendo il numero di richieste al server e riducendo la dimensione del patrimonio richiesti (come CSS e JavaScript.)

così facciamo bundling a far funzionare le cose più velocemente. Cosa succede se hai creato una pagina con un semplice modulo in cui non è necessario il numero bootstrap.js. Perché dovresti caricarlo, a condizione che tu sia interessato a velocizzare tutto?

L'opzione migliore per le prestazioni consiste nell'avere tutte le possibili combinazioni di file js che potrebbero richiedere in un unico posto in bundle separati. Ogni pagina fa una sola richiesta per ottenere tutto ciò di cui ha bisogno. Tuttavia, questo modo di procedere è piuttosto difficile da mantenere.

Quindi spetta a voi decidere quale aspetto sei interessato a

Answer 2

impacchettatriciLe:. E 'un gruppo di file js e css che potrebbe essere indicato per nome univoco.
Scopo: L'utilizzo principale del bundling è che viene caricato con una richiesta HTTP anziché con più richieste per ciascun file.

Minification: Il processo principale è la rimozione di spazi bianchi non necessari dai file js e css. Scopo: Lo scopo principale è quello di rimuovere interruzioni di linea e commenti dal codice e migliorare i tempi di caricamento riducendo la dimensione del file.

Di seguito riportiamo link utile per maggiori dettagli

http://dotnet-helpers.com/mvc/bundlingminification/