2016-06-27 19 views
5

bower_concat è ottimo. Quando si aggiunge un pacchetto pergolato utilizzando:equivalente bower_concat per NPM

bower install something --save 

bower_concat recupererà automaticamente il codice JavaScript e CSS da quel pacchetto e concantenate in un fascio, così si finisce con una bella vendor.js e file vendor.css che si può quindi riduci e inserisci in te html.

Con l'avvento di angular2 e il sistema di importazione di Typescript, tutti i pacchetti, incluso quello utilizzato nella tua app, passano attraverso NPM.

Esiste un equivalente di bower_concat per NPM? Recupererebbe automaticamente i CSS e genererebbe un bundle con esso?

+0

Dai un'occhiata alla https://github.com/gruntjs/grunt-contrib-concat – AngJobs

+0

@AngJobs bower_concat non è un semplice strumento concat. Estrae js e css rilevanti dal pacchetto e li concatena automaticamente. Con grunt-concat dovrei aggiornare il grunfile ogni volta che aggiungo una dipendenza. –

+0

Penso che Webpack possa farlo, e molto di più: https://webpack.github.io/docs/stylesheets.html; il lato negativo, penso, è che Webpack si prenda un po 'come se fosse abituato. Ma potresti usare un boilerplate collaudato come l'avviatore del pacchetto Web Angular 2: https://github.com/AngularClass/angular2-webpack-starter – Manube

risposta

1

Webpack è sicuramente la strada da percorrere. Devi rielaborare il tuo codice un po ', il migliore è usare l'importazione ES6 (usa babel per effettuare il downgrade a ES5 se necessario) e il webpack funzionerà' (c).

Con Webpack è possibile eliminare bower, ma anche require e anche grunt se la configurazione è abbastanza semplice.

Come funziona? Prende un file (il file 'principale') e passerà quindi attraverso la dipendenza dell'importazione per comprimerli in uno (o più) file. Mentre li concatena puoi applicare i "caricatori". I caricatori sono uno strumento che prende il file come input e l'output verrà ripristinato da Webpack. I caricatori possono minify, uglify, transpile o applicare qualsiasi trasformazione arbitraria. Ci sono molti caricatori là fuori.

Non sto cercando di nuovo ...

1

questo pacchetto è simile il vostro pacchetto, vedere questo vi aiuterà a https://www.npmjs.com/package/node-minify

+0

Non sto cercando di minimizzare ma solo di concatenare. E comunque, se capisco la documentazione correttamente, devi ancora specificare manualmente quali moduli ridurre. bower_concat lo fa automaticamente. Quindi basta aggiungere un pacchetto e questo viene automaticamente incluso nella tua webapp ... –