2014-05-12 19 views
30

Vorrei caricare asincroni delle dipendenze angolari in un'applicazione di grandi dimensioni e sto cercando di decidere tra Browserify o Webpack per questo. So che angular 2.0 supporterà questo in modo nativo, ma per ora sto cercando una soluzione ben supportata e popolare.Devo utilizzare Browserify o Webpack per il lazy loading delle dipendenze in 1.x angolare

Qualcuno può dare consigli su quali funzionano meglio in una squadra angolare e il modo più ottimale per strutturare il progetto.

risposta

43

Nella mia azienda, siamo passati da browserify a webpack per una moltitudine di motivi, il caricamento lento è uno di questi.

L'inserimento di elementi in più pacchetti in browserify ha richiesto alcune modifiche alla configurazione e un codice speciale. Ecco un'eccellente guida per questo http://esa-matti.suuronen.org/blog/2013/04/15/asynchronous-module-loading-with-browserify/

Con il webpack, aggiungere un nuovo pacchetto significa semplicemente una riga di file di immissione aggiuntiva nella riga del file di immissione della configurazione. Ecco una guida rapida a questo: https://github.com/petehunt/webpack-howto#7-multiple-entrypoints. Nel caso di lazy-caricamento, non c'è nemmeno bisogno di cambiare qualcosa nel file di configurazione, che è impressionante - basta usare la asincrono require sintassi qui: https://github.com/petehunt/webpack-howto#9-async-loading

Ecco un modello per una configurazione molto simile a cosa usiamo allo https://bench.co in produzione. https://github.com/jeffling/angular-webpack-example/

+2

[Estendere la versione del tutorial di Angular Phonecat con passaggi aggiuntivi per includere webpack e gulp] (https://github.com/escapedcat/angular-phonecat-webpack-gulp). Esempio passo per passo molto semplice. – escapedcat

+0

Grazie Jeff! Qualche possibilità di estendere il tuo esempio di webpack angolare per mostrare come caricare moduli o controller aggiuntivi in ​​fase di runtime? – Nikos

+0

@Nikos Nessun problema :) Potrei davvero lasciarlo fuori dall'esempio, perché sento che le persone lo trovano utile ora principalmente a causa dell'estrema nudità. Forse possiamo parlarne in un problema nel progetto. Potresti farne uno e possiamo chattare lì? Per la cronaca, è un po 'più complicato caricare le cose in runtime a causa di come funziona il sistema di moduli angolari. Dovrai combinare il caricamento lazy come nell'esempio di pict hunt + https://github.com/ocombe/ocLazyLoad –

-3

Ciao dovresti andare con il webpack in quanto supporta più tipi di file (css, js +++) e puoi separare il codice in più moduli.

Problemi correlati