@ atmina/urql- 海关- scalars- 交换器

urql 交换可以映射自定义 scalar 类型

示例

yarn add @atmina/urql-custom-scalars-exchange

或者说

npm install --save @atmina/urql-custom-scalars-exchange

定义自定义的平面 Json 在您的计划中通过:

scalar Json

从您的端点下载内向查询 。 见 urql 文档 用于从您的端点下载计划脚本.

像这样配置交换器

import customScalarsExchange from '@atmina/urql-custom-scalars-exchange';
import schema from '../schema.json';

const scalarsExchange = customScalarsExchange({
    schema: schema,
    scalars: {
        Json(value) {
            return JSON.parse(value);
        },
    },
});

最后在您的urql客户端中添加交换

const client = createClient({
    url: 'http://localhost:1234/graphql',
    exchanges: [dedupExchange, scalarsExchange, fetchExchange],
});

财务问题

该交换是否应在缓存交换之前或之后列出?

这种交换应在任何缓存交换之前列出。 快取交换 中应表示以终点返回的数据.

地方发展

这个项目使用 核心软件包运行 corepack enable 如果你还没有启用它.

下面是您可能发现有用的命令列表 .

npm start 或者说 yarn start

以开发/监视模式运行项目。 你的工程将会重建 变化。 TSDX有一个特殊的记录器 方便你。 错误消息是 相当的打印和格式化,用于兼容 VS 代码的问题标签 .

如果您做了编辑, 您的图书馆将被重建 .

npm run build 或者说 yarn build

将软件包装入 dist 文件夹。 软件包是优化和捆绑的 并被推出多种格式(CommonJS,UMD,和ES模块).

npm test 或者说 yarn test

以交互模式运行测试监视器(Jest). 默认情况下运行测试 与上次承诺以来更改的文件有关.

鸣谢

这个项目是和 信息技术事务司。 。 。 .

这个项目是一个叉子 克里斯蒂安·伦特福特的交流。 。 。 .