2016-06-27 25 views
5

bower_concat thật tuyệt. Khi bạn thêm một gói Chòi chơi sử dụng:tương đương bower_concat cho NPM

bower install something --save 

bower_concat sẽ tự động lấy javascript và CSS từ gói đó và concantenate nó thành một bó, vì vậy bạn kết thúc với một vendor.js đẹp và các tập tin mà bạn có thể vendor.css sau đó rút gọn và tiêm vào html của bạn.

Với sự ra đời của angular2 mặc dù, và hệ thống nhập khẩu Typecript, tất cả các gói, bao gồm cả gói được sử dụng trong ứng dụng của bạn, đang trải qua NPM.

Có tương đương với bower_concat cho NPM không? Nó sẽ tự động lấy CSS của bạn và tạo ra một gói với nó?

+0

Có một cái nhìn tại https://github.com/gruntjs/grunt-contrib-concat – AngJobs

+0

@AngJobs bower_concat không phải là một công cụ đơn giản concat. Nó sẽ trích xuất các js và css có liên quan từ gói và kết nối chúng một cách tự động. Với grunt-concat tôi sẽ phải cập nhật grunfile mỗi khi tôi thêm một phụ thuộc. –

+0

Tôi nghĩ Webpack có thể thực hiện điều đó và hơn thế nữa: https://webpack.github.io/docs/stylesheets.html; mặt khác, tôi nghĩ, là Webpack có một số nhận được sử dụng để. Nhưng bạn có thể sử dụng một boilerplate được thử nghiệm tốt như Angular 2 Webpack starter: https://github.com/AngularClass/angular2-webpack-starter – Manube

Trả lời

1

Webpack chắc chắn là con đường để đi. Bạn phải rework mã của bạn một chút, tốt nhất là sử dụng ES6 nhập khẩu (sử dụng babel để hạ xuống ES5 nếu cần thiết) và webpack sẽ 'chỉ làm việc' (c).

Với Webpack, bạn có thể loại bỏ bower, nhưng cũng require và thậm chí grunt nếu thiết lập của bạn đủ đơn giản.

Tính năng này hoạt động như thế nào? Nó có một tập tin (tập tin 'chính') và sau đó sẽ đi qua sự phụ thuộc nhập khẩu để đóng gói chúng thành một (hoặc nhiều) tập tin. Trong khi nó nối chúng, bạn có thể áp dụng 'bộ nạp'. Trình tải là công cụ lấy tệp làm đầu vào và đầu ra sẽ được Webpack lấy lại. Máy xúc có thể rút ngắn, làm mờ, chuyển đổi hoặc áp dụng bất kỳ chuyển đổi tùy ý nào. Đây là nhiều bộ nạp ngoài kia.

Tôi không nhìn lại ...

1

gói này cũng tương tự như gói của bạn, hãy xem nó sẽ giúp bạn https://www.npmjs.com/package/node-minify

+0

Tôi không tìm cách giảm thiểu nhưng chỉ là concat. Và dù sao, nếu tôi hiểu tài liệu một cách chính xác, bạn vẫn phải tự xác định mô-đun nào để rút gọn. bower_concat tự động làm điều đó. Vì vậy, bạn chỉ cần thêm một gói và nó sẽ tự động được bao gồm trong webapp của bạn ... –