Use graphql-loader

aleksis/core/assets/components/notifications/NotificationItem.vue

 <template>
   <ApolloMutation
-    :mutation="gql => gql`
-      mutation ($id: ID!) {
-        markNotificationRead(id: $id) {
-          notification {
-            id
-            read
-          }
-        }
-      }
-    `"
+    :mutation="require('./markNotificationRead.graphql')"
     :variables="{ id: this.notification.id }"
   >
     <template v-slot="{ mutate, loading, error }">

aleksis/core/assets/components/notifications/NotificationList.vue

 <template>
   <ApolloQuery
-    :query="gql => gql`{
-      myNotifications: whoAmI {
-        notifications {
-          id
-          title
-          description
-          link
-          created
-          sender
-        }
-      }
-    }`"
+    :query="require('./myNotifications.graphql')"
     :pollInterval="1000"
   >
     <template v-slot="{ result: { error, data }, isLoading }">

aleksis/core/assets/components/notifications/markNotificationRead.graphql

+mutation ($id: ID!) {
+  markNotificationRead(id: $id) {
+    notification {
+      id
+      read
+    }
+  }
+}

aleksis/core/assets/components/notifications/myNotifications.graphql

+{
+  myNotifications: whoAmI {
+    notifications {
+      id
+      title
+      description
+      link
+      created
+      sender
+    }
+  }
+}

webpack.config.js

@@ -59,6 +59,11 @@ module.exports = {
           },
         ],
       },
+      {
+        test: /\.(graphql|gql)$/,
+        exclude: /node_modules/,
+        loader: 'graphql-tag/loader',
+      },
     ],
   },
   optimization: {