undefined global scss variable

[zdjzce]

I would like to ask how vuePlugin handles style tags. I added a global SASS file in the main.ts entry point, but it didn't take effect when referenced in Vue and generated an error during building. The global style variables cannot be found. Can you please help me troubleshoot this issue?

[zdjzce]

VuePlugin processes the style tags in the template itself, right? I added esbuild-sass-plugin, but it doesn't seem to be used.

[apeschar]

I'm not sure if there's a way to use a global SASS file with the @vue/component-compiler that we use.

The first thing I'd do is look into the source of that module again and see if there's any way to get this to work without editing it.

The obvious workaround is to just import your global SASS wherever you need the variables. That'd be my preferred approach anyway since it's more explicit.

I'm not going to work on this myself right now, but clean PRs with tests are welcome.

[zdjzce]

I'm not sure if there's a way to use a global SASS file with the @vue/component-compiler that we use.

The first thing I'd do is look into the source of that module again and see if there's any way to get this to work without editing it.

The obvious workaround is to just import your global SASS wherever you need the variables. That'd be my preferred approach anyway since it's more explicit.

I'm not going to work on this myself right now, but clean PRs with tests are welcome.

ok , thank you~