@apply with Svelte & Sapper is not working inside components

[adoveil]

Hello,

I am trying to use Tailwind with Svelte and Sapper.
I have installed sveltejs/sapper-template#rollup, updated some packages & installed Tailwind.

The @tailwind... conversion in css file is OK but I can not at all use the @apply directives inside components... No error in the console nor in the terminal. Just the line-throughed directive in the developer tool.

Here is the playground : https://github.com/adoveil/test-sapper-tailwind-apply

Thank you very much.

[babichjacob]

Tailwind's official Sapper setup example doesn't include svelte-preprocess, so you can't use @apply nor any Tailwind directives or other PostCSS features in .svelte files. You'll need to modify it to add that support or use a pre-made template from the community Sapper templates list.

Transparency warning / disclaimer: I compiled the list and am the creator of 3 of the templates on it.