javascript - 将变量传递给 require.context？

Question

我需要 webpack require.context 目录中的所有文件，如下所示:

export default class Svg {
    constructor() {
        const icons = require.context('example/images', true, /\.svg$/);
    }
}

这工作正常，但我想将路径传递给我的构造函数并设置 require.context 路径，如果给定则使用构造函数值，如果未给定则使用默认值。

虽然使用这样的变量会导致错误:

const icons = require.context(path, true, /\.svg$/);

WARNING in ./src/Svg.js
11:20-27 Critical dependency: require function is used in a way in which dependencies cannot be statically extracted

有没有办法解决这个问题，还是我只是在滥用 require.context 功能？

Answer 1

不幸的是你不能，因为它必须是静态可分析的。

阅读webpack issue #4772 .

这可能会在未来的版本中改变，现在 Webpack 是版本 4。