如何在 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 编译器抛出错误“end must be greater than start”。

Answer 1

创建 Tailwind.svelte

然后添加

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

将 Tailwind.svelte 导入到 _layout.svelte