突然感觉 tailwindcss 不香了

查看 102|回复 7
作者:yuhangch   
用 astro 做了一个静态网站,内容主要是文字为主。
当时用 tw 的时候是提高生产力为主,比如 light/dark 转换,prose 排版等等。
现在功能基本完成,想做一些优化的时候,发现某篇文章的 index.html:
总大小 ~ 78kb ,移除 tw 声明的变量和 class 定义之后 大小只有~ 24kb 。。。
尝试用 purgecss ,作用不是很明显(可能姿势不对)?
除此之外大家还有啥建议不,前端不是很在行,所以也想请教一下,使用 tw 的话,每个静态页面中的 css 是根据这个页面的样式类的使用情况生成的,还是所有页面的 css 是一样的?

CSS, 页面, 静态, Prose

dengqing   
按我的理解像 astro 这种 SSG 的每个页面都是分开的
关于 light/dark 转换,我推荐使用 unocss 因为 https://github.com/unpreset/unocss-preset-theme 这个 preset 可以让你无需使用 light: dark: 就可以完成暗色或其他主题适配
bthulu   
直接用行内样式 style=""不行嘛? 为什么非要用个 tailwindcss
x86   
@bthulu #2 tailwindcss 不就跟写 style 差不多,还方便点写个缩写就行
anonydmer   
页面里面有一半的字符是 tw 的样式名称吧
Hilong   
可以按需加载的应该,是不是没有配置打包插件
xxfye   
压缩一下再看看大小
ljpCN   
不用太在乎,开发体验很多时候就是跟极致的性能是冲突的。可以试试用 unocss 替代 tailwind 试试看,不过应该不会优化太多。
您需要登录后才可以回帖 登录 | 立即注册

返回顶部