Create React App 添加 Relay

Relay 是一个用于构建由 GraphQL 支持的数据驱动的 React 应用程序的框架。 Relay 的当前版本候选者使用 Babel Macros 与 Create React App 项目一起使用。 只需按照 Relay 文档 中的说明设置项目,然后确保你拥有提供 macro(宏)的 babel 插件版本。

要添加它,请运行:

npm install --save babel-plugin-relay@dev

或者你可以使用 yarn:

yarn upgrade babel-plugin-relay@dev

然后,无论你在何处使用 graphql 模板标记,都要导入 macro(宏):

import graphql from 'babel-plugin-relay/macro';
// instead of:
//   import { graphql } from "babel-plugin-relay"

graphql`
  query UserQuery {
    viewer {
      id
    }
  }
`;

要了解有关Relay的更多信息,请查看 其文档


上一篇:添加 TypeScript
下一篇:添加 Router(路由)