如果文件路径使用字符串变量concat，则webpack要求失败

Question

我遇到了奇怪的webpack需要问题。如果我在require字符串中使用变量，则无法加载任何内容但没有错误消息。但是使用完整路径字符串将成功加载。你知道发生了什么吗？

Net::SCP

Answer 1

我想，你试图做的是动态需要一个文件。

阅读解释dynamic requires。

的webpack文档

var _commonFolder = '../Presentation/Base/Default/js/source/_common/'
require(_commonFolder + 'docReady.js');

此处， docReady.js 不会被捆绑为需要包含表达式_commonFolder + 'docReady.js，并且在编译和捆绑时无法通过webpack解析。

在内部获取表达式需要像你的情况一样，webpack可能会在你的捆绑输出文件中创建一个context。

，而

require('../Presentation/Base/Default/js/source/_common/docReady.js');

当你提供完整的相对路径时，

会将webpack捆绑为 docReady.js