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

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

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

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

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

Компилятор Svelte выдает ошибку «конец должен быть больше начала».


person garrettmaring    schedule 17.03.2020    source источник


Ответы (1)


создать Tailwind.svelte

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

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

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

person KaliBoy    schedule 23.03.2020