treat主题化静态提取CSS库
主题化样式的静态提取，treat真的是前端里的小清新。写样式就像写 JS 一样，放在Button.treat.js这种文件里，构建时全都自动提取，干净利落。
样式都是提前生成的 CSS 类，运行时基本不用动，性能压得低。只要换个类名就能换皮肤，真的是轻量得不讲道理。如果你的项目不搞主题，那运行时都可以省了，最终打包连treat的逻辑都不会被带进去。
老浏览器支持也挺到位，因为它就是靠生成多个类来实现主题切换，没用什么新奇 API。你不需要引入复杂依赖，只需要配合自家项目的构建环境，比如 Webpack 就行，门槛不高。
它对 React 和 TypeScript 支持也不错，但完全可以当个工具库单用，灵活得。如果你有自己的框架或者想集成进别的系统，也是没啥问题的。
简单用法也就是安装库yarn add treat，加个构建插件就能跑了。如果你追求运行时零成本的 CSS-in-JS，那这个库真的可以试试。
如果你对零运行时 CSS 感兴趣，还可以看看类似的catom方案，对比着用效果更直观。
文件大小：570.29KB
评论区