फास्ट-स्थिर - Node.js मॉड्यूल जीवन को बहुत आसान बनाता है

Js और css विकसित करते समय, फाइलों को उनके मूल रूप में रखना अधिक सुविधाजनक होता है, जबकि उत्पादन में उन्हें खनन और विलय की आवश्यकता होती है। कई विधानसभा प्रणालियां हैं, हालांकि, उनका उपयोग करना बहुत कठिन और समस्याग्रस्त है। कम से कम मैं उनसे इस हद तक थक गया कि मैंने अपने कलेक्टर को लिखने का फैसला किया। यह बहुत सुविधाजनक निकला, इसलिए मैंने इसे आपके साथ साझा करने का निर्णय लिया।







एक और समस्या जिसका मैंने मुकाबला करने का फैसला किया था, वह html में फाइलों को जोड़ने की सुविधा नहीं थी। एक फ़ाइल कनेक्ट करने के लिए, आपको लिखना होगा:

<script type="text/javascript" src="..."></script>
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

यदि फ़ाइलों के 20 टुकड़े हैं, तो यह सब गड़बड़ में बदल जाता है, जहां कुछ ढूंढना मुश्किल है। इस मामले में, स्क्रिप्ट और सीएसएस को पृष्ठ के विभिन्न हिस्सों में जोड़ा जाना चाहिए। और यदि आपको उदाहरण के लिए, बूटस्ट्रैप को किसी अन्य निर्देशिका में फेंकने की आवश्यकता है, तो आपको शुरुआत में और पृष्ठ के अंत में पथ बदलने की आवश्यकता है। सामान्य तौर पर, मैंने तय किया कि इस तरह से फाइलें अटैच करना ज्यादा तेज होगा:

  <use> file1.css file2.js dir/ file3.js file4.css </use>
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

इसके अलावा उपयोग में मैंने कुछ अच्छी सुविधाएँ जोड़ीं । उदाहरण के लिए, वर्तमान डोमेन (होस्ट) सम्मिलित करना। लेकिन मेरा गाना उस बारे में नहीं है।



टैग का उपयोग करने के लिए पर्याप्त था और बिल्ड कॉन्फ़िगरेशन के साथ एक फ़ाइल बनाने के लिए आवश्यक नहीं था मुझे व्यक्त करने के लिए अपना मिडलवेयर लिखना था।



यानी असेंबली फ़्लाई पर होती है: जब ब्राउज़र उत्पादन में किसी फ़ाइल का अनुरोध करता है, तो यह कम से कम लौटता है, हालांकि यह डिस्क पर अपने मूल रूप में है। मैंने कम, sass, कॉफ़ीस्क्रिप्ट, जेड, haml और md के स्वचालित संकलन को सक्षम किया। जो मक्खी पर भी होता है।



स्वाभाविक रूप से, यह सब सर्वर उत्पादन के प्रदर्शन को सर्वोत्तम तरीके से प्रभावित नहीं कर सकता है। इसलिए, उत्पादन में, परिणाम स्मृति में कैश किए जाते हैं। इस बीच, उन्होंने गज़िप के बाद परिणामों का कैशिंग जोड़ा (क्यों व्यर्थ में सीपीयू लोड करना चाहिए)। ब्राउज़र-साइड कैशिंग (ETag) भी उपलब्ध है। सामान्य तौर पर, यह मानक स्थैतिक मिडलवेयर एक्सप्रेस / कनेक्ट और डिस्क और स्टोन को कम लोड करने की तुलना में तेज़ी से निकला।



मानक मिडलवेयर दो बार फ़ाइल आँकड़े लेता है और डिस्क से फ़ाइल पढ़ता है, और फिर परिणाम ज़िप करता है। मेरा सिर्फ मेमोरी से डेटा निकलता है।



यह कई लाइनों में जुड़ता है

  npm install fast-static
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

  var fastStatic= require('fast-static'); app.use('/static',fastStatic.use('./static')); // app.use('/static',app.static('./static'));
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

फिर, स्क्रिप्ट / लिंक के बजाय, html फ़ाइलों में उपयोग टैग का उपयोग करें।



वह सब है। बस बेचा सर्वर पर बदलने के लिए मत भूलना।



सामान्य तौर पर, एक सुविधाजनक विधानसभा प्रणाली प्राप्त की गई थी।

सुविधाओं

• धर्मान्तरित: कॉफी, haml, कम, जेड, sass, md
• उपयोग टैग के माध्यम से सरलीकृत फ़ाइल अनुलग्नक
• विस्तार द्वारा ऑटो माइम-प्रकार
• gzip का समर्थन करता है (मेमोरी में czz gzip)
• ब्राउज़र साइड कैश (ETag) का समर्थन करता है

जब एनवी = उत्पादन का अनुकूलन होता है

• css, js और html को कम से कम करें
• फ़ाइल विलय
• सीएसएस में छोटे चित्र एम्बेड करता है
• कैश करने से याददाश्त बढ़ती है

गिटहब पर पूर्ण प्रलेखन: https://github.com/Hkey1/fast-static



-

अद्यतन

नया संस्करण निर्देशिका dir / * में इंकलाब फाइल दिखाई दिया

एक साधारण समावेश पुस्तकालय था - उपयोग टैग में केवल नाम और संस्करण जोड़ें। उदाहरण के लिए "बूटस्ट्रैप 3.1.1"

महत्वपूर्ण रूप से त्वरित ब्राउज़र साइड कैश।