如何使用 webpackInclude 匹配多个动态 url 部分？

【问题标题】：How to match against multiple dynamic url parts with webpackInclude?如何使用 webpackInclude 匹配多个动态 url 部分？
【发布时间】：2018-11-22 18:33:28
【问题描述】：

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

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

当我添加“魔法”webpackInclude 评论时：

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

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

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

【问题讨论】：

这是一个正则表达式，只需改进它！
清除。但它仅与“语言”匹配。我需要像“de/(.?)/\.json$”这样的东西来匹配变量“国家”和“语言”，这是行不通的。

标签： webpack webpack-4

【解决方案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

【讨论】：