什么是 babel-plugin-graphql-tag?
babel-plugin-graphql-tag 是一个 Babel 插件，它可以将使用了 GraphQL 模板字符串的代码转换为可执行的 JavaScript 代码。该插件是为了解决前端工程中 GraphQL 应用与 JavaScript 的无缝衔接问题而设计的。
安装 babel-plugin-graphql-tag
使用 NPM 安装 babel-plugin-graphql-tag。
--- ------- ------------------------ ----------
要在 Babel 中使用它，需要将其添加到您的 .babelrc 配置文件中。在 plugins 数组中添加 babel-plugin-graphql-tag 即可。
- ---------- ---------------------------- -
用法示例
使用 GraphQL 模板字符串，通过 query 或 mutation 来获取数据或修改数据，并将代码转换为可执行的 JavaScript 代码。下面是一些示例：
1. 使用 query 获取数据。
----- ------------ ---- -
-------- ---- -
--
----
---
-
------- --- ---- --------------
----- -------- - ----
----- ------------ ---- -
-------- ---- -
--
----
---
-
-
--2. 使用 mutation 修改数据。
-------- ------------------ ----------- -
----------------- ------- -
--
----
---
-
------- --- ---- --------------
----- ----------- - ----
-------- ------------------ ----------- -
----------------- ------- -
--
----
---
-
-
--3. 使用将 GraphQL 查询语句与 React 组件一起使用。
------ ----- ---- --------
------ - -------- - ---- ----------------------
------ --- ---- --------------
----- -------- - ----
----- ------------ ---- -
-------- ---- -
--
----
---
-
-
--
-------- ----------- -
----- - ----- -------- ----- - - ------------------ -
---------- - --- -------- --
---
-- --------- -
------ ----------------------
-
-- ------- -
------ ----------- -----------------------
-
------ -
-----
-------------------------
------- -------------------
------
--
-结语
babel-plugin-graphql-tag 插件在 GraphQL 应用的 JavaScript 编写过程中有着至关重要的作用。通过使用该插件，可以让我们更加轻松地进行 GraphQL 开发。如果你还没有使用 GraphQL 模板字符串，那么现在就是时候尝试一下了。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/183716