फ़ाइलों को बदलने के बाद वेबपैक को फिर से कैसे सम्मिलित करें?

Question

मैं दो प्रवेश द्वारों के साथ webpack उपयोग कर रहा हूँ:

entry: { 
    js: './assets/index.js', 
    css: './assets/sass/all.scss' 
}, 

मैं यह इतना कॉन्फ़िगर करने के लिए जब मैं एक js या scss फ़ाइल यह स्वचालित रूप से webpack फिर से चलाने बदल चाहते हैं।

---

मैं कमांड के साथ webpack-dev-server का उपयोग करने की कोशिश की:

webpack-dev-server --hot 

ऐसा लगता है कि इसे फिर से बनाने जा रहा है, यह संदेश आउटपुट

webpack: बंडल अब मान्य है।

हालांकि अगर मैं ब्राउज़र को रीफ्रेश करने का प्रयास करता हूं तो मैं अपने परिवर्तन नहीं देख सकता। (देव उपकरण पर कैश अक्षम और Ctrl + F5 दबाया गया)। नोड को पुन: प्रारंभ भी काम नहीं करता है, यह है जैसे कि यह कॉन्फ़िगर किया गया आउटपुट फ़ाइल पर कहीं और नहीं है और निर्माण के लिए किया था:

output: { 
    path: path.join(__dirname, '/public'), 
    filename: 'bundle.js' 

},

Answer 1

आप के बारे में जानने के लिए webpack प्रलेखन (https://webpack.github.io/docs/tutorials/getting-started/#watch-mode) चेकआउट कर सकते हैं वेबपैक घड़ी मोड।

Answer 2

मैं एक वेबपैक विशेषज्ञ नहीं हूं लेकिन मुझे जो मिला वह यह है कि वेबपैक-देव-सर्वर डिस्क पर नहीं लिखता है। यह स्मृति की गड़बड़ी से परिणाम प्रदान करता है एक्सप्रेस फाइल जो फाइलों की सेवा के लिए उपयोग करता है।

आप स्थानीय एचटीएमएल में 80h/webpack-dev-server/bundle.js के पथ को बदलकर इसका परीक्षण कर सकते हैं और यदि आप वेबपैक-डीवी सर्वर चलाते हैं तो परिवर्तन दिखाना चाहिए।

उचित तरीके से यह एक publicPath संपत्ति के साथ अपने webpack.config.js अद्यतन करने के लिए है संभाल करने के लिए:

output: { 
    path: path.join(__dirname, '/public'), 
    filename: 'bundle.js', 
    publicPath: "/public/" 
} 

इस मामले स्क्रिप्ट टैग src = "सार्वजनिक/bundle.js" का संदर्भ लेना चाहिए में।

More info

Answer 3

आप परिवर्तनों को बस watch ध्वज का उपयोग के लिए webpack देखना चाहते हैं: इस विकल्प webpack साथ

webpack --watch 

परिवर्तन और पुन: संकलन के लिए देखेंगे।