Webpack 动态请求

Webpack dynamic request

没用

let serviceName = "AuthService";
let servicePath = `app/services/${serviceName}`; 
let service     = require(servicePath);

有效

let service = require("app/services/AuthService");

如何使用 webpack 动态模块？

错误：

Cannot find module 'app/services/AuthService'.

我在文件末尾写了日志消息，它显示在模块错误之前。

正如我在文档中发现的那样，只需要使用一个简单的要求。 (https://webpack.github.io/docs/context.html#dynamic-requires)

我认为我不需要为这项工作创建自己的上下文。

有两种选择：

1) 您需要提供具体的表达方式：

let serviceName = "AuthService";
let service  = require('./app/services/' + serviceName);

webpack 解析 require 语句并提取一些信息（目录，正则表达式）用于构建上下文。

2) 您可以使用 require.context 函数创建自己的上下文：

let serviceName = "AuthService";
let context = require.context('./app/services', false);
let service = context('./' + serviceName);

查看更多https://webpack.github.io/docs/context.html