Razzle: मौजूदा प्रोजेक्ट में रैज़ल कैसे लागू करें?

मैं अब खुद इससे गुजर रहा हूं।
मेरे पास निम्नलिखित तरीके से CRA प्रोजेक्ट सेटअप था:

/प्रोजेक्ट्स/my-cra-app
उपरोक्त के नीचे, मेरे पास src , node_modules और बाकी सब कुछ है जो CRA ने बनाया है।

मुझे इसमें रैज़ल मिलाने का कोई तरीका नहीं सूझ रहा था (और सबसे पहले, मैंने सोचा था कि रैज़ल सीआरए की जगह ले लेगा, और वास्तव में उसी प्रोजेक्ट से क्लाइंट-रेंडर (पोर्ट 3001) और सर्वर-रेंडर (पोर्ट 3000) की सेवा कर सकता है। लेकिन यह या तो काम नहीं किया (मैंने पहले उस पर एक प्रश्न पोस्ट किया था, लेकिन कोई प्रतिक्रिया नहीं)।
इसके अलावा, मैं वेबपैक 4 के साथ रैज़ल लेटेस्ट (अल्फा) का उपयोग कर रहा हूं, जबकि सीआरए अभी भी वेबपैक (3) है, हालांकि वेबपैक 4 के लिए कुछ इंटियल कमिट अब उनकी मास्टर शाखा पर उतरे हैं ...

तो मैंने अभी के लिए जो किया वह निम्नलिखित था

/प्रोजेक्ट्स/my-app/app.src
/projects/my-app/app-cra जिसमें node_modules शामिल हैं (./src/ के साथ cra-generated App.js App.css)
/projects/my-app/app-ssr जिसमें नोड_मॉड्यूल शामिल हैं (./src/ रैज़ल-जनरेटेड स्टफ युक्त)

तब app-cra/src में ../../app.src . के लिए एक सिमलिंक भी होता है
और app-ssr/src में ../../app.src . के लिए एक सिमलिंक भी है

इस तरह मैं एक ही स्रोत साझा कर सकता हूं लेकिन अलग-अलग प्रवेश बिंदु स्क्रिप्ट, और अलग-अलग नोड_मॉड्यूल रैज़ल और सीआरए के बीच साझा कर सकता हूं।

दुर्भाग्य से razzle आपके JS को सीधे सिम्लिंक की गई निर्देशिकाओं से ट्रांसप्लाई/संकलित नहीं करेगा (न ही उस मामले के लिए cRA)।

इसलिए मैं सीआरए के लिए रीवायर का उपयोग कर रहा हूं, और razle-config.js दोनों को मेरी जेएस फाइलों को सिम्लिंक्ड निर्देशिकाओं में देखने का निर्देश देने के लिए उपयोग कर रहा हूं।

यदि आप razle-config.js पर चयन करना चाहते हैं जो मेरे पास अभी है, तो आप इसे यहां स्टैक-ओवरफ्लो पर देख सकते हैं (क्योंकि मैं उन पुस्तकालयों में से एक के साथ एक समस्या में चल रहा हूं जिसे मैं एसएसआर के लिए उपयोग करने का प्रयास कर रहा हूं .. तो उसके लिए स्टैक-ओवरफ़्लो पर सहायता की तलाश में)।

यह थोड़ा जटिल है क्योंकि मैं डिफ़ॉल्ट रैज़ल (रिएक्शन-नेटिव-वेब, रिएक्ट-वेक्टर-आइकन, एसएएस, सिम्लिंक्ड डाइरेक्टरीज़ ... से अधिक कर रहा हूं, कुछ चयनित नोड_मॉड्यूल्स मॉड्यूल को ट्रांसप्लांट कर रहा हूं, क्योंकि उनके लेखकों ने उन्हें वेब के लिए डिलीवर नहीं करना चुना है- तैनाती, आदि)

https://stackoverflow.com/questions/50514135/error-in-react-native-vector-icons-when-using-for-web-server-side-rendering

हम्म, आपके उत्तर के लिए धन्यवाद। अभी भी समझ नहीं आया कि इसे कैसे बनाया जाए

@ifndefdeadmau5 अपना सीआरए ऐप रखें।

a) अपने CRA ऐप पर उसी फ़ोल्डर स्तर पर create-razzle-app के साथ एक और नया ऐप बनाएं।

बी) उन फ़ाइलों को स्थानांतरित करें जिन्हें आप 2 ऐप्स के बीच साझा करना चाहते हैं, एक सामान्य फ़ोल्डर में।

ग) आपके द्वारा बनाए गए फ़ोल्डर की ओर इशारा करते हुए दो ऐप्स की src निर्देशिका से प्रतीकात्मक लिंक बनाएं b)।

d) razzle-config.js का उपयोग करें और वेबपैक को निर्देश देने के लिए (CRA ऐप के लिए) रीवायर करें कि JS फ़ाइलों को चरण c में बनाए गए सिम्लिंक में ट्रांसप्लाई करें)।

मैं हाँ करने का दूसरा तरीका नहीं समझ सका, इसलिए दूसरों के पास बेहतर उत्तर हो सकते हैं ...

@jaredpalmer हैलो, क्या आप सीआरए से रैज़ल सर्वर रेंडरिंग ऐप में माइग्रेट करने और रीडमी में संबंधित दस्तावेज़ को अपडेट करने का समाधान प्रदान कर सकते हैं? अग्रिम में धन्यवाद।

होला! तो यहाँ सौदा है, ओपन सोर्स और मेरे दिन के काम और जीवन के बीच और क्या नहीं, मेरे पास प्रबंधन करने के लिए बहुत कुछ है, इसलिए मैं यहां और वहां कुछ चीजों को स्वचालित करने के लिए गिटहब बॉट का उपयोग करता हूं। यह विशेष रूप से GitHub बॉट इसे बासी के रूप में चिह्नित करने जा रहा है क्योंकि इसमें कुछ समय के लिए हाल की गतिविधि नहीं हुई है। यदि कुछ दिनों में कोई गतिविधि नहीं होती है तो इसे बंद कर दिया जाएगा। इसे व्यक्तिगत रूप से न लें--गंभीरता से--यह पूरी तरह से स्वचालित कार्रवाई है। अगर यह एक गलती है, तो बस एक टिप्पणी करें, मुझे डीएम करें, एक वाहक कबूतर, या एक धूम्रपान संकेत भेजें।

निष्क्रियता के कारण ProBot ने इसे स्वचालित रूप से बंद कर दिया। होलर अगर यह एक गलती है, और हम इसे फिर से खोलेंगे।

मेरे पास एक ही सवाल है। मैंने एक कस्टम रिएक्ट ऐप बनाया है। मैं इसमें रैज़ल को कैसे एकीकृत कर सकता हूँ?

इस पर किसी भी अद्यतन?

मेरा एक ही सवाल है कि इस पर कुछ ट्यूटोरियल होने चाहिए।

इसके साथ कोई प्रगति?

मुझे इससे भी दिक्कत हो रही है। मेरे पास पूरी तरह से काम करने वाला सीआरए ऐप था और मैंने index.tsx का नाम बदलकर $# client.tsx और index.ts में सर्वर जोड़कर रैज़ल में माइग्रेट करने की कोशिश की, हालांकि जब मैं razzle start चलाता हूं ऐसा लगता है जैसे यह क्लाइंट के साथ सर्वर कोड को बंडल करने का प्रयास करता है और त्रुटियों को फेंकता है:

These dependencies were not found:

* fs in ../.yarn/$$virtual/babel-plugin-styled-components-virtual-cfb9253662/0/cache/babel-plugin-styled-components-npm-1.11.1-9e78975a1c-4b545bed54.zip/node_modules/babel-plugin-styled-components/lib/visitors/displayNameAndId.js, ../.yarn/cache/cosmiconfig-npm-6.0.0-cb7d64a2b9-bbd6bbaefe.zip/node_modules/cosmiconfig/dist/readFile.js and 4 others
* module in ../.yarn/cache/resolve-patch-af4189aea7-9e62d2803a.zip/node_modules/resolve/lib/normalize-options.js, ../.yarn/cache/resolve-from-npm-4.0.0-f758ec21bf-87a4357c0c.zip/node_modules/resolve-from/index.js

किसी के पास भी ऐसा ही था या कोई विचार है कि इसे कैसे ठीक किया जाए?