webpack - 如何为模块子目录编写 webpack 外部
问题描述
我正在尝试将模块子目录中的所有文件添加到 Webpack 外部。尤其是react-intl语言环境文件的数据。
我正在尝试在 webpack 配置中使用正则表达式指定语言环境文件的路径,但它不起作用:
module.exports = {
//...
externals: [
/react-intl\/locale-data\/.*/,
// ...
]
};
我正在动态加载这些文件,有问题吗?
const localeData = require(`react-intl/locale-data/${language.getLocale()}`);
每个依赖项都正确外部化,除了那些语言环境文件: Webpack bundle
解决方案
这好像是
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/),
推荐阅读
- c++ - 具有无效输入的映射返回映射的第一个插入值
- docker - 使 docker 上的秘密文件尽可能安全,分别替代隐藏敏感信息的方法
- php - Brew 服务无法启动
- python - 由于输入结束,jira.create_sprint() 返回 JiraError HTTP 500 No Content to map to Object
- testing - DBT Source.yml 中的测试和文档
- java - new View.OnClickListener() 显示为灰色
- python - Python:直方图返回错误的计数值(编辑:更一般的示例)
- java - Spring Batch FlatFileItemWriter - 将带有列表的对象作为字段写入 CSV 文件
- c - 信号量不适用于共享内存
- wordpress - 从页面获取 ACF 自定义字段值?