2016-06-27 19 views
5

bower_concat jest świetny. Po dodaniu pakietu altana przy użyciu:odpowiednik bower_concat dla NPM

bower install something --save 

bower_concat automatycznie pobierać JavaScript i CSS z tego pakietu i concantenate go w wiązkę, więc skończyć z ładnymi vendor.js i plików vendor.css że można następnie zminimalizuj i wstrzyknij sobie html.

Wraz z nadejściem układu kątowego2 i systemu importu maszynopisu wszystkie pakiety, w tym używane w aplikacji, przechodzą przez NPM.

Czy istnieje odpowiednik bower_concat dla NPM? Czy automatycznie pobierałby CSS i tworzył z nim pakiet?

+0

Wystarczy popatrzeć na https://github.com/gruntjs/grunt-contrib-concat – AngJobs

+0

@AngJobs bower_concat nie jest prostym narzędziem, concat. Wyodrębni odpowiednie js i css z pakietu i automatycznie je złączy. Z grunt-concat musiałbym zaktualizować Grunfile za każdym razem dodać zależność. –

+0

Myślę, że Webpack może to zrobić, i wiele więcej: https://webpack.github.io/docs/stylesheets.html; wadą, jak sądzę, jest to, że Webpack wymaga pewnego użycia. Ale możesz użyć sprawdzonego zestawu narzędziowego, takiego jak Angular 2 Webpack starter: https://github.com/AngularClass/angular2-webpack-starter – Manube

Odpowiedz

1

Webpack jest zdecydowanie do zrobienia. Musisz trochę przerobić swój kod, najlepiej jest użyć importu ES6 (w razie potrzeby użyj babel, aby przejść na ES5), a pakiet sieciowy "po prostu zadziała" (c).

Dzięki Webpack możesz pozbyć się bower, ale także require, a nawet grunt, jeśli twoja konfiguracja jest dość prosta.

Jak to działa? Pobiera plik ("główny" plik), a następnie przechodzi przez zależność od importu, aby spakować je do jednego (lub kilku) plików. Łącząc je, możesz zastosować "ładowarki". Ładowarki są narzędziem, które pobiera plik jako dane wejściowe, a dane wyjściowe zostaną odebrane przez pakiet Webpack. Ładowarki mogą zminimalizować, ułagodzić, przenieść lub zastosować dowolną transformację. Jest tam wiele ładowników.

nie patrzę wstecz ...

1

pakiet ten jest podobny pakiet, zobaczyć będzie Ci pomóc https://www.npmjs.com/package/node-minify

+0

Nie szukam minify, ale po prostu concat. W każdym razie, jeśli dobrze zrozumiem dokumentację, nadal musisz ręcznie określić, które moduły mają zostać zminimalizowane. bower_concat zrobi to automatycznie. Więc po prostu dodajesz pakiet i jest on automatycznie dołączany do twojej aplikacji internetowej ... –