vite-plugin-vue-gql::high_voltage:Vue SFC的GraphQL标签:high_voltage:

时间:2024-06-03 18:31:09
【文件属性】:

文件名称:vite-plugin-vue-gql::high_voltage:Vue SFC的GraphQL标签:high_voltage:

文件大小:64KB

文件格式:ZIP

更新时间:2024-06-03 18:31:09

graphql vue urql vite vitejs

通过将graphql静态对象移动到自己的块来清理Vue SFC脚本 为什么? 在为GraphQL API编写Vue客户端时,我注意到Vue SFC文件中的脚本已被GraphQL查询过度填充,并且需要更好地组织代码,而又不能脱离SFC的优点:将所有代码合并为一个组件井井有条。 将查询移动到它们自己的文件中将为单个组件创建多个文件,从而使项目更加混乱,并降低了必须编写跨越多个文件的组件的工作效率。 输入Vue GQL! 我写了这个Vite插件,允许将与组件相关的GraphQL查询直接放置在组件文件中,而不会使脚本混乱,方法是将它们放置在它们自己的专用标记中。 :warning: 该插件仍在开发中,目前仅适用于[removed]格式 安装 # Install Plugin npm i -D vite-plugin-vue-gql # Install Peer Dependici


【文件预览】:
vite-plugin-vue-gql-main
----package.json(2KB)
----pnpm-lock.yaml(121KB)
----.eslintrc.json(134B)
----assets()
--------VQL-Logo.svg(16KB)
----client.d.ts(1KB)
----LICENSE(1KB)
----src()
--------fragments.ts(2KB)
--------wrapper.ts(512B)
--------query.ts(992B)
--------types.ts(94B)
--------config.ts(160B)
--------index.ts(3KB)
--------util.ts(9KB)
----tsconfig.json(379B)
----pnpm-workspace.yaml(24B)
----examples()
--------spa()
----.gitignore(27B)
----README.md(5KB)
----.vscode()
--------settings.json(28B)

网友评论