वेबपैक के साथ वेब वर्कर्स "मानक" वाक्यविन्यास को कैसे संभालें?

Question

मुझे आश्चर्य है कि वेबपैक में वेब वर्कर "मानक वाक्यविन्यास" को संभालना वास्तव में संभव है (उदाहरण के लिए var worker = new Worker('my-worker-file.js');) और कैसे?

मुझे worker-loader के बारे में पता है, लेकिन जहां तक ​​मुझे लगता है कि इसे एक विशिष्ट वाक्यविन्यास की आवश्यकता है और मानक के साथ संगत नहीं है।

दूसरे शब्दों में, क्या कोड को बदलने के बिना उस फ़ाइल को वेबपैक के साथ बंडल करना संभव है? ->https://github.com/mdn/simple-web-worker/blob/gh-pages/main.js#L8

browserify के साथ, मैं workerify परिवर्तन का उपयोग करूंगा, लेकिन मुझे वेबपैक की दुनिया में कुछ भी नहीं मिल रहा है।

Answer 1

आप अपने कार्यकर्ता जेएस फ़ाइल को एक अलग बंडल में पैक करने के लिए वेबपैक को कॉन्फ़िगर कर सकते हैं। webpack.config.js में: bundle.js अपने मुख्य आवेदन और worker.js कार्यकर्ता entrypoint साथ साथ:

{ entry: { bundle: './app/main.js', worker: './app/my-worker-file.js' }, output: { filename: '[name].js' } ... }

इस तरह से आप दो बंडलों मिलता है। फिर, अपने मुख्य बंडल के अंदर, आप new Worker('worker.js')

worker-loader मूल रूप से वही कर सकते हैं। जब भी इसके माध्यम से कुछ लोड किया जाता है, तो यह एक अलग बंडल प्रविष्टि बनाता है, इसलिए बोलने के लिए, जिसे स्वचालित रूप से [hash].worker.js नाम दिया जाता है। यह तब इस फ़ाइल नाम को उस फ़ंक्शन में संग्रहीत करता है जो require('worker!...') से वापस लौटाया जाता है, जो इसे new Worker पर भेजता है। अंत में, यह वही प्रक्रिया है जैसा मैंने ऊपर वर्णित किया है केवल बंडल का नाम स्वचालित रूप से आपके लिए प्रबंधित किया जाता है।