如何为module子目录编写webpack external

Question

我正在尝试将模块子目录中的所有文件添加到Webpack外部。 特别是react-intl语言环境文件的数据。

我尝试使用webpack配置中的regexp指定语言环境文件的路径，但它不起作用：

module.exports = {
  //...
  externals: [
   /react-intl\/locale-data\/.*/,
   // ...
  ]
};

我正在动态加载这些文件，有问题吗？

const localeData = require(`react-intl/locale-data/${language.getLocale()}`);

除了那些语言环境文件外，每个依赖项都被正确外部化： Webpack bundle

Answer 1

似乎

const localeData = require(`react-intl/locale-data/en`);

如果您指定的不是动态方式，则它将按预期工作。

我一直在使用另一种方式来避免出现以下问题并动态加载。

// Choose the locales that we want to include for react-intl
new webpack.ContextReplacementPlugin(/react-intl[\/\\]locale-data$/, /en|ja|id|es/),