[英]Writing webpack browser code that works without webpack
我正在制作一个webpack项目,但是即使没有webpack,我也想保持它的正常运行。 具体来说,我需要将我的本机项目所做的脚本加载转换为webpack的require系统。
例如:
const Library = await require_script_promise("./Library.js");
应该成为(对于webpack):
const Library = require("./Library.js");
我该怎么办?
我创建了此替换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显然也可以处理等待。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.