Как загрузить глобальные (Post CSS) стили в Sapper?

Question

При интеграции Tailwind CSS с Svelte можно добавить использование svelte-preprocess , чтобы добавить следующее к App.svelte:

<style global>
  @tailwind base;                                                                                                                                     
  @tailwind components;                                                                                                                               
  @tailwind utilities;  
</style>

Это приведет к правильной загрузке базовых стилей.

Однако перемещение этих стилей в routes/index.svelte или routes/_layout.svelte после миграции в Sapper не будет работать одинаково.

Ошибка "end" должна быть больше чем старт "выбрасывается компилятором Svelte.

Answer 1

создать Tailwind.svelte

, затем добавить

    <style global>
  @tailwind base;                                                                                                                                     
  @tailwind components;                                                                                                                               
  @tailwind utilities;  
</style>

, импортировать Tailwind.svelte в _layout.svelte