如何在Sapper中加载全局（PostCSS）样式？

Question

将Tailwind CSS与Svelte集成时，可以添加使用svelte-preprocess将以下内容添加到App.svelte：

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

这将正确加载基本样式。

但是，在迁移到Sapper之后将这些样式移动到routes/index.svelte或routes/_layout.svelte上的功能并不相同。

Svelte编译器抛出错误“结束必须大于开始”。

Answer 1

创建Tailwind.svelte

然后添加

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

将Tailwind.svelte导入_layout.svelte