एकाधिक कॉफीस्क्रिप्ट फ़ाइलों को व्यवस्थित करना

Question

मैं एक वेब सेवा के कार्यान्वयन पर काम कर रहा हूं जहां हम कॉफीस्क्रिप्ट में हमारे फ्रंट एंड कोड लिख रहे हैं। समस्या जिस पर मैंने ठोकर खाई है, जबकि परियोजना बढ़ रही है कार्यक्षमता को विभिन्न फाइलों में अलग किया जाना है। मुझे वास्तव में एक साधारण संरचना है जहां utils.coffee फ़ाइल में मेरे पास सामान्य कार्य होंगे जो प्रत्येक पृष्ठ से और प्रत्येक अलग फ़ाइल पर आवश्यक होंगे, मेरे पास page_foo.coffeepage_bar.coffee विशिष्ट कार्य होंगे। मैं इसे ठीक से कैसे व्यवस्थित कर सकता हूं इसलिए मैं यह भी सुनिश्चित करता हूं कि utils.coffee पहले लोड हो और सभी से सुलभ हो?

Answer 1

आप देख सकते हैं कि यह gae-init प्रोजेक्ट में कैसे किया गया है (अस्वीकरण: मैं निर्माता हूं)।

मूल विचार यह है कि आपके पास एक विशिष्ट निर्देशिका में सभी *.coffee फ़ाइलें हैं, और फिर एक बिल्ड स्क्रिप्ट जो सभी फ़ाइलों को संकलित करती है और उन्हें सही पथ में डालती है।

चूंकि आप इसे विकसित करते समय आसानी से डीबग करने में सक्षम होना चाहते हैं, तो बिल्ड स्क्रिप्ट में उन्हें संकलित करने का विकल्प होना चाहिए और & को गठबंधन करने के लिए एक और विकल्प होना चाहिए।

Answer 2

निष्पादन आदेश ब्राउज़र पर सम्मानित है, इसलिए पहले utils.js पहले शामिल करें।

कोडकिट (http://incident57.com/codekit/) जैसे टूल को संकलित और छोटा कर सकते हैं + अपने सभी .coffee फ़ाइलों में एक .js में शामिल हो सकते हैं, यह भी एक शेल स्क्रिप्ट के साथ करना आसान है।

यदि आपका ऐप वास्तव में बड़ा है, तो require.js और Asynchoronous Module Loading पर पढ़ें। यह आप बहुत आसानी से निर्भरता प्रबंधन करने के लिए और केवल लोड क्या आवश्यक है की अनुमति देगा:

# page_foo.coffee 
define ['lib/utils'], ($) -> 
    // code that uses 'utils' 

Answer 3

मैं क्या, एक पूर्व निर्धारित अनुक्रम में शामिल होने और फाइलों को संकलित करने के लिए एक केक कार्य लिखने के लिए उदाहरण

task 'build', 'join and compile *.coffee files', -> 
    exec "coffee -j #{outJS}.js -C#{strFiles}", exerr 

के लिए है जहां outJS फ़ाइल नाम है जहां मैं संकलित जावास्क्रिप्ट और strFiles फ़ाइल नामों की एक स्ट्रिंग है

इसके अतिरिक्त आप YUICompressor या अपने पसंदीदा टूल का उपयोग करके संकलित कोड को छोटा करने के लिए कार्य जोड़ सकते हैं। और विकास देख दौरान,, में शामिल होने के संकलन भी स्वचालित किया जा सकता

task 'watch', 'watch and compile changes in source dir', -> 
    watch = exec "coffee -j #{outJS}.js -cw #{strFiles}" 
    watch.stdout.on 'data', (data)-> process.stdout.write data 

सुनिश्चित करते हुए this gist

Answer 4

CoffeeToaster साथ

आपको लगता है कि आप उनमें से शीर्ष पर की आवश्यकता होगी फ़ाइलों को शामिल करने की क्षमता है पर एक नज़र डालें, आपकी अंतिम ".js" फ़ाइल (जो आपकी सभी कॉफीस्क्रिप्ट फ़ाइलों का विलय भी होगी) ब्राउज़र के अंदर उपयोग के लिए उचित क्रम में सब कुछ है।

डॉक्स पर एक नज़र डालें:
http://github.com/serpentem/coffee-toaster

यह एक पैकेजिंग प्रणाली है कि जब सक्षम अपनी कक्षाओं के लिए घोषणाओं नामस्थान के रूप में आप ऐसा चाहते हैं, तो अपने फ़ोल्डर के पदानुक्रम का उपयोग करेगा, तो आप वर्गों से फैली कर सकते हैं के साथ भी आता है एक से अधिक फ़ाइलों, जैसे आयात और पुत्र करते हैं: निर्माण विन्यास

#<< another/package/myclass 
class SomeClass extends another.package.MyClass 

अत्यंत सरल है:

# => SRC FOLDER 
toast 'src_folder' 
    # => VENDORS (optional) 
    # vendors: ['vendors/x.js', 'vendors/y.js', ... ] 

    # => OPTIONS (optional, default values listed) 
    # bare: false 
    # packaging: true 
    # expose: '' 
    # minify: false 

    # => HTTPFOLDER (optional), RELEASE/DEBUG (required) 
    httpfolder: 'js' 
    release: 'www/js/app.js' 
    debug: 'www/js/app-debug.js' 

यहां एक डीबग विकल्प भी है जो डिबगिंग प्रक्रियाओं और अन्य उपयोगी सुविधाओं को आसानी से फ़ाइलों को संकलित करता है।