Vite 2.0.1 isn't invoking my plugins - anything I'm doing wrong?

[bobbyrenwick]

I'm trying to port my snowpack-graphql-plugin to be a Vite plugin.

const fileRegex = /\.graphql$/;

export default function graphqlPlugin() {
    return {
        name: "graphql-plugin",
        
        transform(src, id) {
            if (fileRegex.test(id)) {
                return {
                    code: loadToDocumentNodes(src),
                    map: null, // provide source map if available
                };
            }
        },
    };
}

and my config file is

import { defineConfig } from "vite";
import reactRefresh from "@vitejs/plugin-react-refresh";
import graphqlPlugin from "./vite.graphql-plugin.js";

export default defineConfig({
    plugins: [graphqlPlugin(), reactRefresh()],
    build: {
        manifest: true,
        rollupOptions: {
            input: "/assets/js/index.tsx",
        },
    },
});

and when I run with --debug, the graphql-plugin is loaded:

  vite:config   plugins: [
  vite:config     'vite:pre-alias',
  vite:config     'alias',
  vite:config     'react-refresh',
  vite:config     'vite:dynamic-import-polyfill',
  vite:config     'vite:resolve',
  vite:config     'vite:html',
  vite:config     'vite:css',
  vite:config     'vite:esbuild',
  vite:config     'vite:json',
  vite:config     'vite:wasm',
  vite:config     'vite:worker',
  vite:config     'vite:asset',
  vite:config     'graphql-plugin',
  vite:config     'vite:define',
  vite:config     'vite:css-post',
  vite:config     'vite:client-inject',
  vite:config     'vite:import-analysis'
  vite:config   ],

I have the above code but whenever I go to http://localhost:3001/queries.graphql it doesn't transform the file at all and if I put a console.log in the transform function then I can't see it logging even with --debug and --clearScreen false.

is there anything obvious I'm doing wrong?

[patak-dev]

Did you see @rollup/plugin-graphql? https://github.com/rollup/plugins/tree/master/packages/graphql
It's compatible with Vite

[bobbyrenwick]

I hadn’t! Thank you, I’ll give that a go and see how it goes.

…

On Sat, 20 Feb 2021 at 12:53, Matias Capeletto ***@***.***> wrote: Did you see @rollup/plugin-graphql? https://github.com/rollup/plugins/tree/master/packages/graphql It's compatible with Vite — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#2133 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AAKAR5JAEETPTWPYEOMJQ3DS76WDXANCNFSM4X52SLSA> .

[bobbyrenwick]

That plugin works a charm, thanks @matias-capeletto. I realised that vite wouldn't serve the transformed file with either plugin unless you do ?import at the end of the URL! I should have tried the whole bundle rather than an individual file!

[patak-dev]

You shouldn't need to add ?import at the end of the url.
For reference, we have a compatibility list for rollup plugins here https://vite-rollup-plugins.patak.dev/
And I see that @rollup/plugin-graphql had a regression. If you have a minimal repro, you should create an issue

[patak-dev]

I just re-checked and this is working as expected, there was an issue in the test. So this should be working, and you do not need the extra ?import, which is an internal tag used by Vite.

[bobbyrenwick]

When I hit the URL in Chrome directly it serves the plain file unless I add ?import, but I don't need to add that to the import declaration so I think it's just I was expecting the wrong thing to happen!

Thanks for your help @matias-capeletto