Javascript 编写不使用webpack的webpack浏览器代码

Javascript 编写不使用webpack的webpack浏览器代码,javascript,webpack,compatibility,Javascript,Webpack,Compatibility,我正在做一个网页项目,但我想让它工作,即使没有网页。具体地说,我需要将本机项目执行的脚本加载传输到webpack的require系统 例如: const Library = await require_script_promise("./Library.js"); 应成为(对于网页包): 我应该怎么做?我创建了这个替换函数: /** Polyfill for using require without webpack **/ if (typeof require != "function")

我正在做一个网页项目,但我想让它工作,即使没有网页。具体地说,我需要将本机项目执行的脚本加载传输到webpack的require系统

例如:

const Library = await require_script_promise("./Library.js");
应成为(对于网页包):


我应该怎么做?

我创建了这个替换函数:

/**
 Polyfill for using require without webpack **/
if (typeof require != "function") {
    function require(path) {
        return new Promise(function (resolve, reject) {
            var xhr = new XMLHttpRequest();
            xhr.open("GET", path, true);
            xhr.addEventListener("load", function () {
                try {
                    var module = { exports: {}, path: path };
                    eval(this.responseText);
                    resolve(module.exports);
                }
                catch (anyError) {
                    reject(anyError);
                }
            });
            xhr.addEventListener("error", reject);
            xhr.send();
        });
    }
}
使用
wait
,它似乎工作得很好:

const Library = await require("./Library.js");

Webpack显然也可以处理等待功能。

我创建了此替换要求功能:

/**
 Polyfill for using require without webpack **/
if (typeof require != "function") {
    function require(path) {
        return new Promise(function (resolve, reject) {
            var xhr = new XMLHttpRequest();
            xhr.open("GET", path, true);
            xhr.addEventListener("load", function () {
                try {
                    var module = { exports: {}, path: path };
                    eval(this.responseText);
                    resolve(module.exports);
                }
                catch (anyError) {
                    reject(anyError);
                }
            });
            xhr.addEventListener("error", reject);
            xhr.send();
        });
    }
}
使用
wait
,它似乎工作得很好:

const Library = await require("./Library.js");

Webpack显然也能处理等待问题。

我对Webpack很陌生,但我希望这个问题对她也有用。我对Webpack很陌生,但我希望这个问题对她也有用。