如何使用webpackInclude与多个动态网址部分进行匹配？

Question

我具有多个变量的动态导入：

import(`./locale/${country}/${language}.json`)

当我添加“魔术” webpackInclude 注释时：

/* webpackInclude: /\.json$/ */

仅与第二个变量匹配。如何编写可以匹配整个路径字符串的正则表达式？

官方文档中没有示例或解释：https://webpack.js.org/api/module-methods/

Answer 1

webpackInclude regex 是 applied to the entire path，不是单个变量。

如果您想匹配特定国家/地区，则可以使用如下正则表达式：

/* webpackInclude: /[/](USA|CAN)[/]/ */

或者，如果您想匹配这些特定国家/地区的特定语言文件，则可以使用以下内容：

/* webpackInclude: /[/](USA|CAN)[/](en|fr)\.json/ */

以上模式将匹配路径：

./locale/CAN/en.json
./locale/CAN/fr.json
./locale/USA/en.json
./locale/USA/fr.json

但不会匹配：

./locale/GBR/en.json
./locale/USA/es.json