वेबपैक द्वारा निर्मित उत्पादन प्रतिक्रिया bundle.js की सेवा करने का सही तरीका क्या है?

Question

मेरे पास सरल मार्गों वाला एक ऐप है। जब मैं वेबपैक विकास सर्वर का उपयोग करता हूं तो यह ठीक काम करता है। अब, मैं इसे अपने उत्पादन सर्वर पर तैनात करना चाहता हूं। तो मैंने bundle.js बनाया। हालांकि, मुझे यकीन नहीं है कि सर्वर पर फ़ाइल की सेवा करने का सही तरीका क्या है।

अधिकांश ब्लॉग पोस्ट इमारत bundle.js में बंद हो या Heroku या nodejutsu करने के लिए इसे तैनात। अगर मैं इसे अपने सर्वर पर सेवा देना चाहता हूं तो मुझे क्या करना चाहिए?

मैं एक्सप्रेस सर्वर पर फ़ाइल की सेवा करने की कोशिश की, लेकिन मैं (यह वही मार्ग webpack-देव-सर्वर के साथ ठीक काम करता है) ब्राउज़र में इस त्रुटि हो रही है।
http://localhost:3000/app
नहीं मिल सकता/एप्लिकेशन

मैं इस तरह सरल मार्ग है। लैंडिंग पृष्ठ पर/ठीक काम करता है, लेकिन मैं एक्सेस नहीं कर सकता/एप रूट

var Routes =() => (
    <Router history={browserHistory}> 
     <Route path="/" component={Landing}> 
     </Route> 
     <Route path="/app" component={App}> 
     </Route> 
    </Router> 
) 

यहां मेरा server.js है। मैं ./public

app.use(express.static('./public')); 
app.listen(port, function() { 
    console.log('Server running on port ' + port); 
}); 

Answer 1

में bundle.js शब्दों में कहें, index.html आप अपने एक्सप्रेस सर्वर है कि सभी पृष्ठ अनुरोधों को दर्शाता है और उन्हें ग्राहक को निर्देशित करता है पर एक "सभी पकड़ने" मार्ग घोषित करने के लिए की जरूरत है। सबसे पहले, सुनिश्चित करें कि आप अपने सर्वर पर path मॉड्यूल सहित रहे हैं: फिर

var path = require('path'); 

, app.listen से पहले इस डाल:

app.get('*', function(req, res) { 
    res.sendFile(path.resolve(__dirname, 'public/index.html')); 
}); 

इसका मतलब यह है कि आप एक स्क्रिप्ट टैग के माध्यम से index.html में bundle.js डालने कर रहे हैं।