क्या मैं क्लाइंट साइड पर नोडजेस सर्वर के बिना वेबपैक का उपयोग कर सकता हूं?

Question

मैं एक वेब ऐप बनाने की कोशिश कर रहा हूं जहां मैं अमेज़ॅन एस 3 पर सभी एचटीएमएल, जेएस और सीएसएस फाइलों को स्टोर करना चाहता हूं, और एपीआई के माध्यम से एक आराम सर्वर के साथ संवाद करना चाहता हूं।

मैं आलसी लोडिंग प्राप्त करने की कोशिश कर रहा हूं और शायद प्रतिक्रिया राउटर के साथ रूटिंग कर रहा हूं। ऐसा लगता है कि वेबपैक में यह सुविधा कोड विभाजन है जो आलसी लोडिंग के समान काम करेगा।

हालांकि, मुझे मिले सभी ट्यूटोरियल और उदाहरणों में वेबपैक-डीवी-सर्वर शामिल है, जो एक छोटा नोड एक्सप्रेस सर्वर है। क्या वैसे भी मैं बिल्ड समय पर बंडल उत्पन्न कर सकता हूं और सब कुछ अमेज़ॅन एस 3 पर अपलोड कर सकता हूं और एंगुलर के ओसीलाज़ी लोडिंग के समान कुछ हासिल कर सकता हूं?

Answer 1

एक स्थिर बंडल जेएस फ़ाइल बनाना निश्चित रूप से संभव है, जिसका उपयोग आप अपने उत्पादन कोड में कर सकते हैं जिसमें webpack-dev-server शामिल नहीं है।

संदर्भ के रूप में this example देखें (नोट: मैं इस रेपो का मालिक हूं)। webpack.prod.config.js वेबपैक का उपयोग करके node.js के माध्यम से उत्पादन तैयार बंडल फ़ाइल बनाता है जिसे स्वयं को node.js की आवश्यकता नहीं होती है। इसके कारण आप इसे एक साधारण स्थैतिक फ़ाइल (जो लाइव उदाहरण में किया जाता है) के रूप में बस सेवा कर सकते हैं।

मुख्य अंतर यह है कि प्रवेश बिंदु dev- और उत्पादन वातावरण में कैसे लिखा जाता है। विकास webpack-dev-server लिए

module.exports = { 
    entry: [ 
     'webpack-dev-server/client?http://localhost:3000', 
     'webpack/hot/only-dev-server', 
     './src/index' 
    ], 
    // ... 
} 

किया जा रहा है उत्पादन वातावरण में आप webpack-dev-server और गर्म पुन: लोड हिस्सा छोड़

module.exports = { 
    entry: [ 
     './src/index' 
    ], 
    // ... 
} 

आप एक से अधिक बंडल में अपने कोड को विभाजित करना चाहते हैं, तो आप कर सकते हैं multiple entry points को परिभाषित करने के तरीके पर एक नज़र डालें और तदनुसार फ़ाइलों को लिंक करें।