cqwcns 发表于 2022-4-27 09:33

CSS文件压缩的问题

背景:在开发web应用时,我倾向于使用tailwindcss或windcss这类的原子CSS,比较灵活,在vscode中通过配置,在最终构建时,仅打包使用到的类,未使用到的类不会被打包,所以CSS会非常小。
回到微信小程序开发,经过反复测试,发现很难直接使用tailwindcss或windcss,因为类名和选择器等,小程序的支持并不完整,很多类都无法使用。
鉴于以上情况,自己针对wxss(小程序样式)特性,写了一个原子CSS,其实与tailwindcss差不多。
问题:
但这样有一个问题,就是自己写的原子CSS非常庞大,达到100KB+。


是否有什么办法或工具(npm包)?可以构建出仅wxml(html)用到的类名,未用到的类名不会被构建。

请指教,谢谢

泪鱼无梦 发表于 2022-4-27 10:12

可以试试webpack的purify-css,可以帮助你对CSS进行tree-shake
页: [1]
查看完整版本: CSS文件压缩的问题