我正在尝试将模块子目录中的所有文件添加到Webpack外部。 特别是react-intl语言环境文件的数据。
我尝试使用webpack配置中的regexp指定语言环境文件的路径,但它不起作用:
module.exports = {
//...
externals: [
/react-intl\/locale-data\/.*/,
// ...
]
};
我正在动态加载这些文件,有问题吗?
const localeData = require(`react-intl/locale-data/${language.getLocale()}`);
除了那些语言环境文件外,每个依赖项都被正确外部化: Webpack bundle
答案 0 :(得分: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/),