使用Babel而不是Webpack预编译graphql

Question

我已经可以使用Apollo graphQl的应用程序了。现在，我需要使用SSR。我使用babel（没有webpack）构建后端节点应用程序。

在这种情况下，我需要使用babel以及webpack（SSR的水化版本）来构建我的应用程序

在没有ssr版本的应用程序中，我有webpack加载器：

  {
    test: /\.(graphql|gql)$/,
    exclude: /node_modules/,
    loader: 'graphql-tag/loader',
  },

应用程序与此加载器配合正常。

然后我从webpack中删除了该加载程序，并添加了babel插件：

  "plugins": [
    "import-graphql",
    "graphql-tag", 
    ....

但是我有一个错误：

invariant.esm.js:12 Uncaught (in promise) Invariant Violation: Argument of {
  cities {
    items {
      id
      logo
      name
      description
    }
  }
} passed to parser was not a valid GraphQL DocumentNode. You may need to use 'graphql-tag' or another method to convert your operation into a document

我认为，我忘记了一些东西，但我不知道是什么。现在，我该怎么办？

P.S代码的结构是：

其中index.js导入为import CITIES_QUERY from './query.gql';