प्ले फ्रेमवर्क में RequJS ऑप्टिमाइज़र का उपयोग कैसे करें?

Question

के रूप में विज्ञापित, rjs प्ले में

सुनिश्चित किसी भी JavaScript संसाधनों को एक WebJar भीतर से संदर्भित स्वचालित रूप से jsdelivr CDN द्वारा दर्शाया जाता है कि कर सकते हैं। इसके अलावा यदि .min.js फ़ाइल तब मिलती है जो .js के स्थान पर उपयोग की जाएगी। यहां जोड़ा गया बोनस यह है कि आपके एचटीएमएल में कोई बदलाव नहीं है!

हालांकि, मुझे ऐसा करने के लिए कोई भी प्रतीत नहीं होता है।

1. मैंने अपने प्ले ऐप को उत्पादन मोड में चलाने का प्रयास किया, और मेरे सभी वेबजर जावास्क्रिप्ट को अभी भी स्थानीय के रूप में संदर्भित किया जा रहा है।
2. मुझे उत्पादन में उपयोग की जाने वाली जावास्क्रिप्ट फ़ाइलों का .min संस्करण नहीं दिखाई देता है।

3. मुझे उत्पादन मोड में काम करने के लिए निर्भरता इंजेक्शन नहीं मिल सकता है। उदाहरण के लिए, जब मैं इस

   की तरह मेरे कोड में jquery इंजेक्षन करना चाहते हैं परिभाषित ([ 'jQuery'], समारोह ($) { 'का उपयोग सख्त';। console.log ($ ग्रेप); वापसी { योग: फ़ंक्शन (ए, बी) { एक + बी; } }; });

मैं इस देव मोड में ठीक काम करने के लिए मिल सकता है, लेकिन उत्पादन मोड में, rjs

[info] Error: ENOENT, no such file or directory '/Users/khanguyen/Desktop/rjsdemo/target/web/rjs/build/js/jquery.js' 
[info] In module tree: 
[info]  main 
[info]  app 
[info] 
[info] Error: Error: ENOENT, no such file or directory '/Users/khanguyen/Desktop/rjsdemo/target/web/rjs/build/js/jquery.js' 
[info] In module tree: 
[info]  main 
[info]  app 
[info] 
[info]  at Error (native) 

जाहिर है यह jQuery के लिए गलत स्थान में दिख रही है कह विफल रहा, config उत्पन्न सेटअप के बावजूद वेबजर

requirejs.config({"paths":{"jquery":["/webjars/jquery/1.11.1/jquery","jquery"]},"shim":{"jquery":{"exports":"$"}},"packages":[]}) } 

jquery के लिए सही स्थान होने के लिए।

मैं अपने build.sbt में pipelineStages := Seq(rjs, digest) सेटअप के साथ Play 2.4.0 का उपयोग कर रहा हूं।

कृपया मुझे बताएं कि मुझे यह गलत कहां मिला।

धन्यवाद!

Answer 1

यह पता चला है कि RequjS अनुकूलन समर्थन सभी वेबजर पर लागू नहीं होता है, बल्कि क्लासिक वेबजर्स तक सीमित है।

फिर भी, आरजेएस को काम करने के लिए एक वेबजर बिल्ड फ़ाइल को नियमित मॉड्यूल के साथ शामिल किया जाना चाहिए।

यदि आप jQuery क्लासिक वेबजर को देखते हैं, उदाहरण के लिए, आप देखेंगे कि एक विशेष वेबजर निर्माण निर्देश शामिल है। अपनी जानकारी के लिए उस फ़ाइल पर एक नज़र डालें।

एक बार जब आप एक वेबजर की पहचान कर लें जो RequJS तैयार है, तो आप sbt-rjs को यह काम करने दे सकते हैं।

/** javascripts/main.js **/ 
'use strict'; 

requirejs.config({ 
    paths:{ 
     'jquery': ['../lib/jquery/jquery'], 
     'react': ['../lib/react/react'], 
     'bootstrap': ['../lib/bootstrap/js/bootstrap'], 
     'react-bootstrap': ['../lib/react-bootstrap/react-bootstrap'] 
    }, 
    shim: { 
     'bootstrap': { 
      deps: ['jquery'] 
     }, 
     'react-bootstrap': { 
      deps: ['react'] 
     } 
    } 
}); 

वर्ग कोष्ठक के लिए याद रखें, अन्यथा CDN प्रतिस्थापन नहीं होगा: यहाँ संदर्भ के लिए मेरी सेटअप है।

गैर-आवश्यकताएं तैयार स्क्रिप्ट के लिए, paths घोषित करते समय आपके पास स्क्वायर ब्रैकेट नहीं होना चाहिए। अन्यथा, आरजेएस त्रुटि path fallback not supported के साथ निर्माण करने से इंकार कर देगा। बेशक, आपको सीडीएन लाभ नहीं मिलेगा। बस एक साइड नोट, RequJS सीएसएस अनुकूलन भी काम करता है। लेकिन सीएसएस को रेखांकित करने के लिए केवल सीमित है, जैसे नियमित आवश्यकताएं करता है।