Vm2: vm2를 Webpack과 호환되도록 설정

또 다른 문제는 require 입니다. webpack은 다음 요구 사항에 대한 경고를 생성하지만 :

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

webpack은 실제로 require 를 exceptions 로 대체했습니다.
예를 들어, webpack 전에 :

        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 줄의 추가 구성과 간단한 NPM 스크립트 만 있으면됩니다.

1. output/ 디렉터리에 package.json 을 만듭니다.

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

1. Webpack 구성에서 vm2 를 외부 라이브러리로 표시합니다.

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

1. Webpack이 모든 작업을 완료하면 output/ 디렉터리에 종속성을 설치하는 추가 스크립트를 NPM에 추가합니다.

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

안녕하세요 !

나는 같은 문제가 있었고 여기에 어떻게 해결했는지가 있습니다.

1. 첫째, 소스를 수정해야했기 때문에 모듈을 npm 모듈로 직접 사용할 수 없으므로 내 프로젝트의 폴더에서 lib를 c / c로 처리합니다 (파일 몇 개에 불과하므로 문제 없음).

2. sandbox.js / contextify.js의 fs 정보 : sandbox.txt 및 contextify.txt로 이름을 바꾼 다음 원시 로더를 사용하여 일반 텍스트로로드했습니다.

main.js (상단)

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

webpack.config.js

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

sandbox.js / contextify.js의 모든 참조를 main.js의 sandbox.txt / contextify.txt로 변경하는 것을 잊지 마십시오.

1. 마지막으로 까다로운 부분은 다음과 같습니다. NodeVM의 경우 한 줄을 변경했습니다.

main.js (약 250 행)

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

나는 "require"를 "require : eval ( 'require')"로 변경하여 webpack이 수정하지 않고 (Coxxs에서 제안한대로) 트릭을 수행했습니다.

이제 vm2를 외부 라이브러리로 사용할 필요없이 올바르게 사용할 수 있습니다.
나는 그것이 매우 까다 롭고 깨끗하지 않다는 것을 알고 있지만 지금까지 내가 얻은 유일한 해결책입니다.
나는 그것이 당신 중 일부를 도울 수 있고 또한 실제 수정에 도움이되기를 바랍니다.

더 나은 솔루션이 있다면 듣고 싶습니다! :)

이 문제는 최근 활동이 없었기 때문에 자동으로 오래된 것으로 표시되었습니다. 더 이상 활동이 발생하지 않으면 폐쇄됩니다. 귀하의 기여에 감사드립니다.

FWIW-대상이 node Webpack 5와 번들링이 작동하는 것으로 보입니다.