javascript - 为具有多个模块位置的 webpack resolve.modules 设置采用 flowtype 配置

Question

下面的webpack场景是否可以配置flowtype(.flowconfig)？

我的场景:

我有 2 个用于 javascript 源代码的文件夹(核心和主题)，主题能够覆盖核心范围内的每个文件。所以我可以在核心内部有一个错误记录器，但一个实现需要做非常自定义的事情，所以我会在主题内部创建一个记录器，webpack 模块加载器将返回主题文件而不是核心文件。

所以我确实有 3 个模块位置

• 节点模块
• 源代码/js/主题
• 源代码/js/核心

当从我的源加载一些东西时，我写的是 Path/To/Module 而不是 ./Path/To/Module。这行得通...但是我使用流程来检查我的语法并进行一些基本的质量检查。

我需要如何采用我的 .flowfonfig 来简化这些配置？

根据 this source我试过:

[options]
module.system.node.resolve_dirname=src/js/theme
module.system.node.resolve_dirname=src/js/core

但这不起作用。

运行流程会导致我使用的每次导入都出错...

Answer 1

好的，我设法解决了它，但我对解决方案不满意。

我没有像问题中那样添加模块目录，而是添加了映射器。

# mapping theme
module.name_mapper='^Components/\(.*\)$' -> '<PROJECT_ROOT>/src/js/theme/Components/\1'
module.name_mapper='^Core/\(.*\)$' -> '<PROJECT_ROOT>/src/js/theme/Core/\1'
module.name_mapper='^Fixtures/\(.*\)$' -> '<PROJECT_ROOT>/src/js/theme/Fixtures/\1'
module.name_mapper='^Format/\(.*\)$' -> '<PROJECT_ROOT>/src/js/theme/Format/\1'
module.name_mapper='^Helpers/\(.*\)$' -> '<PROJECT_ROOT>/src/js/theme/Helpers/\1'
module.name_mapper='^Modules/\(.*\)$' -> '<PROJECT_ROOT>/src/js/theme/Modules/\1'

# mapping core
module.name_mapper='^Components/\(.*\)$' -> '<PROJECT_ROOT>/src/js/core/Components/\1'
module.name_mapper='^Core/\(.*\)$' -> '<PROJECT_ROOT>/src/js/core/Core/\1'
module.name_mapper='^Fixtures/\(.*\)$' -> '<PROJECT_ROOT>/src/js/core/Fixtures/\1'
module.name_mapper='^Format/\(.*\)$' -> '<PROJECT_ROOT>/src/js/core/Format/\1'
module.name_mapper='^Helpers/\(.*\)$' -> '<PROJECT_ROOT>/src/js/core/Helpers/\1'
module.name_mapper='^Modules/\(.*\)$' -> '<PROJECT_ROOT>/src/js/core/Modules/\1'

这似乎可行!

注意:您必须为每个(!!!)入门级添加一个映射器