文件名称:svelte-tailwind2-starter:Svelte + TailwindCSS 2.0入门模板
文件大小:53KB
文件格式:ZIP
更新时间:2024-05-30 01:01:31
rollup svelte sveltejs tailwind tailwindcss
Svelte + TailwindCSS 2.0 + RollupJS入门 + 应用程序的入门模板。 它具有对TailwindCSS 2.0的内置支持,而捆绑包则由Rollup处理。 还有一个简单的暗/亮模式开关和一个惊喜按钮 :backhand_index_pointing_down: :police_car_light: 局限性 在开发模式下(运行npm run dev / yarn dev ),CSS捆绑包包含所有TailwindCSS,重量约为6.8MB。 您不想将其部署到生产中。 在生产模式下(运行npm run build / yarn build ),将清除所有未使用CSS样式,从而将捆绑包减小到更易于管理的大小(在这种情况下为〜7KB)。 但是,我还没有找到阻止Tailwind清除动态Svelte类的方法(例如class:dark或class:from-blue-700={$dark} )。 结果,生产捆绑包将不包含此类动态类。 要解决此问题,请在ta
【文件预览】:
svelte-tailwind2-starter-master
----rollup.config.js(2KB)
----postcss.config.js(107B)
----public()
--------index.html(389B)
--------favicon.png(3KB)
--------global.css(417B)
----yarn.lock(96KB)
----tailwind.config.js(4KB)
----src()
--------main.js(194B)
--------store.js(103B)
--------AppearanceToggler.svelte(1KB)
--------App.svelte(2KB)
----scripts()
--------setupTypeScript.js(4KB)
----README.md(4KB)
----.gitignore(41B)
----package.json(730B)