कॉफ़ीस्क्रिप्ट, जेड, स्टाइलस -> जेएस, सीएसएस संपत्ति प्रबंधक? node.js

Question

मैं कॉफ़ीस्क्रिप्ट, जेड और स्टाइलस में काम करता हूं।

मेरा एप्लिकेशन दो अलग-अलग "एक पृष्ठ ऐप्स" परोसता है। इन ऐप्स के लिए मैं प्रारंभिक पेलोड में सभी संपत्तियों की सेवा करता हूं।

मैं सभी "एक पेज ऐप" के लिए एक एकल सीएसएस संपत्ति में एक जेएस संपत्ति और स्टाइलस फ़ाइलों में सभी कॉफ़ीस्क्रिप्ट फ़ाइलों और जेड मंदिरों को समूहबद्ध, संकलित और समेकित करना चाहता हूं।

तो मैं सिर्फ अपने /public/js और /public/css अकेले छोड़ सकता हूं और उनके पास हमेशा दो अलग-अलग ऐप्स के लिए वर्तमान जेएस और सीएसएस संपत्ति फाइलें होंगी।

क्या कोई इस तरह वर्कफ़्लो सेट करता है? कोई विचार मैं यह कैसे कर सकता था?

धन्यवाद !!

संपादित करें: http://blog.fogcreek.com/the-trello-tech-stack/

अधिक अनुसंधान के माध्यम से मैं इस प्रक्रिया यहाँ के बारे में लिखा है, लेकिन वे कहते हैं नहीं है कि वे किस तरह यह किया पाया।

Answer 1

आप एक्सप्रेस के साथ सुंदर बस जे एस के साथ ऐसा कर सकते हैं + Stitch/StitchUp

नमूना config: https://gist.github.com/1094412

एक वैकल्पिक भी बिछा है:

http://www.distractable.net/coding/javascript-builds-using-interleave

और के लिए विकल्प स्टाइलस मिडलवेयर आपको अपने सीएसएस के लिए सॉर्ट करना चाहिए: http://learnboost.github.com/stylus/docs/middleware.html

वहाँ भी यहाँ पर विकल्प के असंख्य है:

http://toolbox.no.de/search?q=asset

Answer 2

मैं एक ओपन सोर्स प्रोजेक्ट (एमआईटी लाइसेंस) ने लिखा है इस समस्या का समाधान करने के लिए:

Giles - https://github.com/255BITS/giles

जाइल्स अपने स्थिर बनाता है आपके लिए संपत्ति (जेड, स्टाइलस, कॉफीस्क्रिप्ट)। इसे एक वेब सर्वर के रूप में, या कनेक्ट मॉड्यूल के रूप में स्टैंडअलोन चलाया जा सकता है। आप आसानी से गिल्स को अन्य भाषाओं के लिए समर्थन जोड़ सकते हैं (github पेज देखें)

Answer 3

मैंने इसके लिए एक नोड ऐप लिखा था। यह वी ई आर वाई सरल है, लेकिन यह मेरे लिए काम करता है। कोड इतना आसान है (72 लाइनें) आप इसे वैसे भी समायोजित कर सकते हैं। जब भी आप कॉफी, स्टाइलस या जेड फ़ाइल को सहेजते हैं तो यह जेएस, सीएसएस या एचटीएमएल में परिवर्तित हो जाता है। यह फ़ाइल निष्कासन या किसी अन्य फैंसी सामान का ख्याल नहीं रखता है। यह सही नहीं है, लेकिन कम से कम मुझे पता है कि यह कैसे काम करता है, जो डिबगिंग को आसान बनाता है।

https://github.com/Gijsjan/Template-Engine-Watcher

Answer 4

आप अपने जावास्क्रिप्ट में उन्हें CoffeeScript फ़ाइलें जो उन्हें इस्तेमाल की निर्भरता बनाने के द्वारा संकलित जेड संपत्ति को खींचने के लिए connect-assets पाइप लाइन का उपयोग कर सकते हैं।

मेरे पास विवरण के साथ एक ब्लॉग पोस्ट है ->Server side compiling of Jade templates with connect-assets।

Answer 5

मैं अनुदान के साथ Grunt का उपयोग करने की सलाह देता हूं, आप सभी प्रकार के वर्कफ़्लो और कार्यों को सेट कर सकते हैं। मैं व्यक्तिगत रूप से mean.io का उपयोग अपनी अधिकांश परियोजनाओं के लिए बॉयलरप्लेट के रूप में करता हूं। उनके पास assetmanager का उपयोग कर एक ही फ़ाइल में सीएसएस और जेएस को संक्षिप्त और संक्षिप्त करने के लिए आवश्यक अधिकांश कार्यों के साथ वास्तव में एक अच्छी ग्रंट फ़ाइल है। Mean.io जेड या स्टाइलस का उपयोग नहीं करता है लेकिन आप आसानी से उन ग्रंट कार्यों को जोड़ सकते हैं।