Webpack动态请求 [英] Webpack dynamic request

问题描述

它不起作用

  let serviceName = AuthService; 
 let servicePath =ʻapp / services / $ {serviceName}`; 
 let service = require（servicePath）; 
  

正在工作

  let service = require（ app / services / AuthService）; 
  

如何使用Webpack动态模块？

错误：

 找不到模块 app / services / AuthService。 
  

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

正如我在doc中发现的那样，只需要使用一个简单的require。 （

有两种选择：

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

It's not working

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

It's working

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

How can I use webpack dynamic modules?

Error:

Cannot find module 'app/services/AuthService'.

I written log message at the end of file and it was shown before module error.

As I found in doc just need use a simple require. (https://webpack.github.io/docs/context.html#dynamic-requires)

I don't think that I need create my own context for this work.

解决方案

There are two options to make this:

1) You need to provide specific expressions:

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

webpack parses the require statement and extracts some information(directory, regular expression) for building context.

2) You can create your own context with the require.context function:

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

See more https://webpack.github.io/docs/context.html

这篇关于Webpack动态请求的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！