通过将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
1