Webpack 动态请求

Question

没有用

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'.

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

我在 doc 中发现只需要使用一个简单的 require。 (https://webpack.github.io/docs/context.html#dynamic-requires)

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

Answer 1

有两种选择：

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