編寫無需Webpack即可運行的webpack瀏覽器代碼

Question

我正在制作一個webpack項目，但是即使沒有webpack，我也想保持它的正常運行。 具體來說，我需要將我的本機項目所做的腳本加載轉換為webpack的require系統。

例如：

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

應該成為（對於webpack）：

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

我該怎么辦？

Answer 1

我創建了此替換require函數：

/**
 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();
        });
    }
}

使用await似乎工作得很好：

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

Webpack顯然也可以處理等待。