NuxtN
Nuxt•2y ago
Uzbee

Nuxt 3 Importing one SCSS File imports all scss file in the folder

Hello Guys, i have quick question. Im importing a scss file in the app.vue based on the domain. The strange thing about this is when i do the import it imports every scss file in this folder and if i delete the import line and refresh the page the .scss file are still imported. I dont unterstand it...maybe someone can give me a idea where the problem is.

app.vue
<script setup lang="ts">
  import(`~/assets/domains/styles/${config.public.currentDomain.theme}.scss`); // will be something `~/assets/domains/styles/mydomain.scss`
</script>
`
When i open the page i got that in the network tab: See screenshot

And after i remove this "import" line the "scss" files are still there after reload. But when i restart the entire app the scss file are not loaded again and after i put the import it will load all the scss files in the folder again..
What is here the problem? This is the only file where i do the import for the scss files..
image.png
Was this page helpful?