文件名称:带尾风的静态站点:带有已编译TailwindCSS的静态HTML站点
文件大小:252KB
文件格式:ZIP
更新时间:2024-03-08 05:41:42
static-site html-css tailwindcss kiss-principle vercel
静态站点(带逆风) 堆栈 怎么跑 开发者 运行yarn serve:dev这将以index.html作为入口点来服务src 。 在第二个终端运行yarn watch 。 这将监视src/所有文件,并知道app.css使用在此过程中添加的任何新的顺风样式重新编译app.css 。 注意:在您点击刷新之前,这里会有一个延迟……“嘿,这不是花哨的React应用程序KISS,只需点击刷新按钮即可。” 要为dev手动编译Tailwind CSS而无需观看run yarn compile:css:dev 生产建筑 所以您实际上是想部署这个东西... 运行yarn build:all以执行所有操作,这会将所有*.html文件复制到/build目录,并使用NODE_ENV=production编译app.css 。 这告诉顺风使用我们预设的purge从选项 将此/build目录复制到任何静态托管
【文件预览】:
Static-Site-With-Tailwind-master
----yarn.lock(65KB)
----tailwind.config.js(115B)
----src()
--------index.html(594B)
--------about.html(518B)
--------index.css(1.75MB)
--------app.css(92B)
----vercel.json(82B)
----build()
--------index.html(594B)
--------index.css(850B)
----screenshots()
--------preview.PNG(53KB)
--------with_vercel.PNG(36KB)
----.gitignore(14B)
----readme.md(2KB)
----package.json(970B)