【文件属性】:
文件名称:Svelte-Tailwind:简单的设置即可将Svelte与Tailwind集成
文件大小:10KB
文件格式:ZIP
更新时间:2021-05-22 11:54:58
svelte tailwind svelte-template tailwindcss-v2 JavaScript
带Tailwind CSS的Svelte模板
设置
使用Svelte设置Tailwind非常简单,只需安装必要的依赖项即可:
npm i -D svelte-preprocess tailwindcss postcss postcss-load-config autoprefixer
创建您的配置文件
npx tailwindcss init -p
在rollup.config.js配置svelte-preprocess
// ...
import sveltePreprocess from 'svelte-preprocess' ;
// ...
export default {
// ...
plugins : [
svelte ( {
preprocess : sveltePreprocess ( { postcss : true } ) ,
【文件预览】:
Svelte-Tailwind-master
----.gitignore(41B)
----package.json(677B)
----src()
--------components()
--------main.js(132B)
--------App.svelte(460B)
----postcss.config.js(82B)
----public()
--------favicon.png(3KB)
--------index.html(379B)
----rollup.config.js(2KB)
----scripts()
--------setupTypeScript.js(4KB)
----README.md(2KB)
----tailwind.config.js(280B)