2016-06-27 21 views
5

bower_concat के लिए समकक्ष bower_concat समतुल्य है। आप का उपयोग कर एक बोवर पैकेज जोड़ते हैं:एनपीएम

bower install something --save 

bower_concat स्वचालित रूप से जावास्क्रिप्ट और कहा कि पैकेज से सीएसएस निकालते हैं और एक बंडल में यह concantenate है, तो आप एक अच्छा vendor.js और vendor.css फाइलों के साथ खत्म हो जाएगा कि आप कर सकते हैं फिर आप एचटीएमएल में minify और इंजेक्षन।

कोणीय 2 के आगमन के साथ, और टाइपस्क्रिप्ट आयात प्रणाली, आपके ऐप में उपयोग किए गए सभी पैकेज, एनपीएम के माध्यम से जा रहे हैं।

क्या एनपीएम के लिए bower_concat का समतुल्य है? यह आपको स्वचालित रूप से सीएसएस पुनर्प्राप्त करेगा और इसके साथ एक बंडल का उत्पादन करेगा?

+0

https://github.com/gruntjs/grunt-contrib-concat – AngJobs

+0

@AngJobs bower_concat एक सरल concat उपकरण नहीं है पर एक नज़र डालें। यह पैकेज से प्रासंगिक जेएस और सीएसएस निकालेगा और उन्हें स्वचालित रूप से संयोजित करेगा। गड़बड़ी के साथ मुझे हर बार जब मैं निर्भरता जोड़ता हूं तो मुझे grunfile को अपडेट करना होगा। –

+0

मुझे लगता है कि वेबपैक ऐसा कर सकता है, और भी बहुत कुछ: https://webpack.github.io/docs/stylesheets.html; मुझे लगता है कि नकारात्मकता यह है कि वेबपैक कुछ प्राप्त करने के लिए उपयोग करता है। लेकिन आप एंगुलर 2 वेबपैक स्टार्टर जैसे एक अच्छी तरह से परीक्षण किए गए बॉयलरप्लेट का उपयोग कर सकते हैं: https://github.com/AngularClass/angular2-webpack-starter – Manube

उत्तर

1

Webpack निश्चित रूप से जाने का रास्ता है देखते हैं। आपको अपने कोड को थोड़ा सा पुन: कार्य करना होगा, ईएस 6 आयात का उपयोग करने का सबसे अच्छा उपयोग (यदि आवश्यक हो तो ईएस 5 पर डाउनग्रेड करने के लिए बेबेल का उपयोग करें) और वेबपैक 'बस काम करेगा' (सी)।

Webpack के साथ आप bower से छुटकारा पा सकते, लेकिन यह भी require और यहां तक ​​कि grunt अपने स्थापना काफी सरल है अगर।

यह कैसे काम करता है? यह एक फ़ाइल ('मुख्य' फ़ाइल) लेता है और फिर उन्हें एक (या कई) फ़ाइलों में पैक करने के लिए आयात निर्भरता के माध्यम से जाएगा। हालांकि यह उन्हें जोड़ता है आप 'लोडर' लागू कर सकते हैं। लोडर उपकरण हैं जो फ़ाइल को इनपुट के रूप में लेते हैं और आउटपुट वेबपैक द्वारा वापस ले जाया जाएगा। लोडर किसी भी मनमाने ढंग से परिवर्तन को कम, उभारा, पारदर्शी या लागू कर सकते हैं। वहां बहुत सारे लोडर हैं।

मैं वापस नहीं देख रहा हूँ ...

1

इस पैकेज अपने पैकेज के लिए समान है, यह तुम्हारी मदद करेगा https://www.npmjs.com/package/node-minify

+0

मैं केवल संक्षिप्त करने के लिए नहीं बल्कि कम करने के लिए देख रहा हूं। और वैसे भी, अगर मैं दस्तावेज़ीकरण को सही ढंग से समझता हूं, तो आपको अभी भी मैन्युअल रूप से निर्दिष्ट करना होगा कि कौन से मॉड्यूल को छोटा करना है। bower_concat स्वचालित रूप से ऐसा करते हैं। तो आप बस एक पैकेज जोड़ें और यह स्वचालित रूप से आपके वेबपैप में शामिल है ... –