带有webpack的require中的动态文件路径？

Question

当我手动请求文件使用时require,这很好,但是当我使用完全相同的请求时,但更改字符串,以便它与变量分开失败.

这非常有效:

module.exports = (function() {
    var $svg = require('svg-inline!../../assets/svgs/global/connected.svg');
    console.log($svg);
}());

但是,如果我这样做:

module.exports = (function() {
    var $path = '../../assets/svgs/global/';
    var $svg = require('svg-inline!'+$path+'connected.svg');
    console.log($svg);
}());

它失败并在控制台内部说:

Uncaught Error: Cannot find module "."

我想我的问题是为什么你不能像我在这里那样连接字符串？

Answer 1

我认为你必须研究一下 webpack context。基本上，当您尝试要求包含表达式的内容时，webpack 会创建一个上下文。该表达式将被视为正则表达式，并且它不会按您的预期工作。