एक केकपीएचपी परियोजना में प्रतिक्रिया स्थापित करना

Question

मैं वेबपैक का उपयोग कर केकपीएचपी वेबूट में कैसे प्रतिक्रिया स्थापित कर सकता हूं?

मेरे पास मौजूदा CakePHP प्रोजेक्ट (मॉडल, व्यू, कंट्रोलर के साथ) है। मैं अपने वेबूट (Project/Miniproject/index.html) में मिनी React प्रोजेक्ट सेट करना चाहता हूं। index.html AJI को नियंत्रकों में परिभाषित एजेक्स कॉल करेगा।

- Project 
| - app 
| | - Controller 
| | - View 
| | - Model 
| | - webroot 
| | | - Miniproject 
| | | | - index.html [Mini react project] 

मैं React Transform Boilerplate स्थापित करने की कोशिश की है। लेकिन यह वेब देव सर्वर का उपयोग करता है (और स्थानीयहोस्ट पर फ़ाइलों को प्रस्तुत करता है: 3000)। लेकिन मैं nginx सर्वर से प्रस्तुत फ़ाइलों को चाहता हूं जिस पर मेरा केकेपीएचपी प्रोजेक्ट चलता है।

जब मैं यूआरएल (Project/Miniproject/index.html) पर जाते हैं, यह dist/bundle.js नहीं मिल सकता है, क्योंकि यह स्मृति में है। तो मैं वेबपैक का उपयोग कर केकपीएचपी वेबूट में प्रतिक्रिया कैसे स्थापित कर सकता हूं?

Answer 1

मैं https://github.com/brawlins/react-webpack-php-starter में देखने की अनुशंसा करता हूं।

आप अभी भी WebSack ब्राउज़र सर्वर के माध्यम से एक dev सर्वर चला सकते हैं और आप अपने अपाचे वर्चुअल होस्ट को पुनः लोड करने के लिए प्रॉक्सी विकल्प का उपयोग करेंगे। (वेबपैक-डीवी-सर्वर का उपयोग करने की आवश्यकता नहीं है)

उदा। आपके webpack.config.js

plugins: [ 

     // reloads browser when the watched files change 
     new BrowserSyncPlugin({ 
      // use existing Apache virtual host 
      proxy: 'http://localhost:80/', 
      tunnel: false, 
      // watch the built files and the index file 
      files: ['public/assets/*', './index.php', './api/*.php'] 
     }), 

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

बस याद रखें कि कोई सही उत्तर नहीं है, आपको बस उन विधियों के साथ प्रयोग करना होगा जिन्हें आप समझ सकते हैं और आपके लिए काम करते हैं। एक बार जब आप एक ईंट की दीवार तक पहुंच जाते हैं तो आप बाहर जाते हैं और एक्सप्लोर करते हैं। लेकिन मुझे लगता है कि आप पहले ही जानते हैं कि :)

शुभकामनाएँ!

:)

पी.एस. मैं @azium से सहमत हूं, अपने सामने के अंत और पीछे की ओर अलग रखना सबसे अच्छा है जितना आप