Vm2: vm2 को वेबपैक के साथ संगत बनाएं

एक और मुद्दा है require । हालाँकि वेबपैक केवल इनके लिए चेतावनियाँ उत्पन्न करता है:

WARNING in ./~/vm2/lib/main.js
147:26-33 Critical dependency: require function is used in a way in which dependencies cannot be statically extracted

WARNING in ./~/vm2/lib/main.js
251:3-10 Critical dependency: require function is used in a way in which dependencies cannot be statically extracted

WARNING in ./~/vm2/lib/main.js
295:26-33 Critical dependency: require function is used in a way in which dependencies cannot be statically extracted

वेबपैक ने वास्तव में इन require को exceptions :
उदाहरण के लिए, वेबपैक से पहले:

        Reflect.defineProperty(this, '_internal', {
            value: vm.runInContext(`(function(require, host) { ${cf} \n})`, this._context, {
                filename: `${__dirname}/contextify.js`,
                displayErrors: false
            }).call(this._context, require, host)
        });

वेबपैक के बाद:

        Reflect.defineProperty(this, '_internal', {
            value: vm.runInContext(`(function(require, host) { ${cf} \n})`, this._context, {
                filename: `${__dirname}/contextify.js`,
                displayErrors: false
            }).call(this._context, !(function webpackMissingModule() { var e = new Error("Cannot find module \".\""); e.code = 'MODULE_NOT_FOUND'; throw e; }()), host)
        });

require को eval('require') बदलें मेरे लिए समस्या का समाधान कर सकता है। मुझे आश्चर्य है कि कोई बेहतर समाधान है या नहीं।

इस मुद्दे पर कोई प्रगति? vm2 को Webpack के साथ संगत बनाने का सबसे अच्छा और शायद सबसे आसान तरीका यहां दिया गया है। इसे vm2 में किसी भी बदलाव की आवश्यकता नहीं है, अतिरिक्त कॉन्फ़िगरेशन की केवल 3 पंक्तियां और एक साधारण एनपीएम स्क्रिप्ट:

1. output/ निर्देशिका में एक package.json बनाएँ:

{
    "dependencies": {
        "vm2": "latest"
    }
}

1. वेबपैक कॉन्फ़िगरेशन में vm2 को बाहरी लाइब्रेरी के रूप में चिह्नित करें:

externals: {
    "vm2": "require('vm2')"
}

1. एनपीएम में एक अतिरिक्त स्क्रिप्ट जोड़ें जो वेबपैक के सभी सामान समाप्त करने के बाद output/ निर्देशिका में निर्भरता स्थापित करती है:

"scripts": {
    "prepare-output": "cd output && npm install",
    "prepare": "webpack --progress && npm run prepare-output"
}

नमस्ते !

मुझे वही समस्या मिली और यहां बताया गया है कि मैंने इसे कैसे हल किया:

1. सबसे पहले, मैं सीधे एनपीएम मॉड्यूल के रूप में मॉड्यूल का उपयोग नहीं कर सकता, क्योंकि मुझे स्रोतों को संशोधित करना था, इसलिए मैं अपने प्रोजेक्ट के फ़ोल्डर में lib को सी/सी करता हूं (यह केवल कुछ फाइलें हैं, इसमें कोई समस्या नहीं है)

2. sandbox.js/contextify.js के लिए fs के बारे में: मैंने उनका नाम बदलकर sandbox.txt & Referenceify.txt कर दिया, फिर उन्हें सादे पाठ के रूप में लोड करने के लिए एक रॉ-लोडर का उपयोग किया।

main.js (शीर्ष पर)

const sb = require('./sandbox.txt');
const cf = require('./contextify.txt');

webpack.config.js

{
    test: /\.txt$/,
    use: 'raw-loader'
}

main.js में sandbox.js/contextify.js के सभी संदर्भों को sandbox.txt/contextify.txt में बदलना न भूलें।

1. अंतिम मुश्किल हिस्सा, आवश्यकता है: NodeVM के लिए, मैंने एक पंक्ति बदल दी

main.js (लगभग लाइन 250)

[...]
const host = {
    version: parseInt(process.versions.node.split('.')[0]),
    require: eval('require'),
    process,
    console,
[...]

मैंने "आवश्यकता" को "आवश्यकता: eval ('आवश्यकता')" में बदल दिया है, इसलिए वेबपैक इसे संशोधित नहीं करता है (जैसा कि कॉक्सक्स द्वारा समर्थित है) और इसने चाल चली।

अब मैं बाहरी पुस्तकालय के रूप में इसकी आवश्यकता के बिना, vm2 का ठीक से उपयोग कर सकता हूं।
मुझे पता है कि यह काफी मुश्किल है और बहुत साफ नहीं है, लेकिन अब तक मुझे यही एकमात्र समाधान मिला है।
मुझे आशा है कि यह आप में से कुछ की मदद कर सकता है और वास्तविक सुधार में भी मदद कर सकता है।

यदि आपके पास बेहतर समाधान हैं, तो हमें उन्हें सुनना अच्छा लगेगा! :)

इस समस्या को स्वचालित रूप से पुराना के रूप में चिह्नित कर दिया गया है क्योंकि इसमें हाल की गतिविधि नहीं है। आगे कोई गतिविधि नहीं होने पर इसे बंद कर दिया जाएगा। आपके योगदानों के लिए धन्यवाद।

FWIW - node लक्ष्य के साथ वेबपैक 5 के साथ बंडल करना काम करता प्रतीत होता है।