【文件属性】:
文件名称:svelte-kit-tailwind-jit:SvelteKit和TailwindCSS JIT的实验模板
文件大小:39KB
文件格式:ZIP
更新时间:2021-03-16 04:36:47
JavaScript
带TailwindCSS JIT的SvelteKit
这是高度实验性的模板,因为Svelte Kit和TailwindCSS JIT都不准备生产。
安装
git clone https://github.com/reepolee/svelte-kit-tailwind-jit.git
cd svelte-kit-tailwind-jit
npm i
npm run dev -- --open
尾风CSS
Tailwind类和@apply语句当前在CSS和Svelte文件和组件之间分割,以测试JIT的行为。
评论
我注意到Vite不会在tailwind.config.cjg更改上重新加载CSS。 PostCSS捕获了更改,但没有发生HMR。
进一步阅读
【文件预览】:
svelte-kit-tailwind-jit-main
----svelte.config.cjs(298B)
----vite.config.js(425B)
----src()
--------app.html(272B)
--------components()
--------global.css(150B)
--------routes()
----tsconfig.json(244B)
----LICENSE(1KB)
----README.md(698B)
----postcss.config.cjs(311B)
----.gitignore(49B)
----package-lock.json(194KB)
----package.json(666B)
----static()
--------robots.txt(67B)
--------favicon.ico(1KB)
----tailwind.config.cjs(335B)