是否可以通过存储在变量中的名称在浏览器中动态加载模块？

Question

我希望能够在运行时配置在浏览器中加载哪些模块：

var moduleName  =  'my-module'
var module = require(moduleName)

它似乎不是开箱即用的，但也许有一些方法？

Answer 1

是的，有很多方法

1. Webpack 模块热替换功能

   https://webpack.github.io/docs/hot-module-replacement.html

来自 Webpack 文档的示例

var requestHandler = require("./handler.js");
var server = require("http").createServer();
server.on("request", requestHandler);
server.listen(8080);

// check if HMR is enabled
if(module.hot) {
    // accept update of dependency
    module.hot.accept("./handler.js", function() {
        // replace request handler of server
        server.removeListener("request", requestHandler);
        requestHandler = require("./handler.js");
        server.on("request", requestHandler);
    });
}

对于方法检查这个答案

How do I include a JavaScript file in another JavaScript file?