是否可以避免 Flow 上较长的相对导入路径？

Question

您能否指出一个如何配置Flow 的示例，以便我可以只使用文件名进行导入，而不是长的相对路径？这意味着我的整个工作目录中的文件名是唯一的。

示例：

目录

pages/components/foo.js
common/types/abc.js

当前的导入语句

import foo from "../../pages/components/foo"
import abc from "../common/types/abc"

所需的导入语句

import foo from "foo"
import abc from "abc"

Answer 1

这是很有可能的。但首先希望您将捆绑工具设置为也接受解析绝对路径名称，因为请记住，流程不处理逻辑，它只是进行代码分析，但如果您没有在 .flowconfig 中设置路径并且流程没有了解如何进行文件查找。

您正在寻找的选项是 module.name_mapper，它将根据 ocaml 正则表达式将您的书面导入重新指向其他内容。

如果您正在使用 create react app 或有类似的设置，例如，您可以查看 adding flow 部分以查看他们建议如何处理它的示例。