Gridsome: caching issue changing between compiled and interpreted mode

[tonyketcham]

If I switch between modes, all the Windi classes break and I have to go through each individual file, saving them all for their appropriate classes to overwrite.

I've found neither using Empty Cache and Hard Reload in the browser nor deleting the .cache folder do anything to help. Restarting the server doesn't help either.

How I've installed WindiCSS

// gridsome.config.js
...
  configureWebpack: (config) => {
    config.module.rules.push({
      test: /\.vue$/,
      use: [
        {
          loader: 'vue-windicss-preprocess',
          options: {
            config: 'tailwind.config.js', // tailwind config file path OR config object (optional)
            compile: true, // false: interpretation mode; true: compilation mode
            globalPreflight: true, // set preflight style is global or scoped
            globalUtility: true, // set utility style is global or scoped
            prefix: 'tea-', // set compilation mode style prefix
          },
        },
      ],
    });
  },
...

Browser: Brave - Version 1.20.103 Chromium: 88.0.4324.152 (Official Build) (64-bit)