文件名称: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查询直接放置在组件文件中,而不会使脚本混乱,方法是将它们放置在它们自己的专用
【文件预览】:
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)