我在 Svelte 中使用 tw-in-js/twind。当使用 Svelte App 的 vanilla 设置并包含 Twind 后,我找不到任何方法让插件工作:
<script>
import {tw, apply, setup} from 'twind/css';
setup ({
plugins: {
h1style: apply`
uppercase
text-6xl
font-thin
`,
},
});
const h1style2 = apply `uppercase text-6xl font-thin`;
export let name;
</script>
<main>
<h1 class={tw`h1style`}>Hello {name}!</h1>
<p>Visit the <a href="https://svelte.dev/tutorial" class={tw`italic`}>Svelte tutorial</a> to learn how to build Svelte apps.</p>
</main>
在上面的代码示例中,h1style2(const 声明)有效,但插件 h1style 无效。
如果有人可以让这个工作,我将不胜感激。