javascript - 如何将 Relay Modern(babel-plugin-relay 和 Relay-compiler)与 TypeScript 结合使用？

Question

当使用TypeScript时，babel-plugin-relay和relay-compiler不会解析我们的graphql调用。我们的 TS 生成的 JS 文件如下所示，针对 ES2015:


var 突变 = compat_1.graphql(_templateObject2);


我们的中继编译器的输出如下所示，表明没有解析任何文件:

0.05秒内解析默认值
写入默认值
写入时间:0.05s [0.05s编译，0.00s生成，0.00s额外]
未更改:0 个文件
0.07秒写入默认值


我们怎样才能让relay-compiler和babel-plugin-relay在这些文件上正常运行？

Answer 1

插件和编译器都需要简单的 graphql 调用才能正常工作。如果 graphql 调用采用一个对象(如上面采用 _templateObject2)或在另一个对象上调用(如上面在 compat_1 上调用)，则这两种工具都不起作用。

为了解决这个问题，我们只使用旧式的 require 语句，以便 TS 转换器输出简单的 graphql 调用:

const { commitMutation, graphql } = require('react-relay/compat');

完美运行。