Discussion on: Sveltekit Vite with Tailwind 2

[dan]

@avorona , I think I've found the problem, I think it's because svelte compiles all files into .js ,, soglobal.pcss becomes global.js ,, or index.pcss or other name

what we can do to run the run build without problems,

• rename the file global.pcss toGlobalStyle.svelte
• edit the contents of GlobalStyle.svelte to be something like this

<style global>
/* preprocessing css goes here */
</style>

• and in the $layout.svelte

<script>
  // import './global.pcss'
  import GlobalStyle from './GlobalStyle.svelte'

  // other code
</script>

<GlobalStyle/> <!-- call the component  -->
<main>
  <slot/>
</main>

do the run build,, and,, BOOM!!! no error

please CMIIW

[Eugenio]

Why not inside the $layout.svelte?