微软正在发明新的黑科技,用js来写css,然后编译为css
官方网站:
https://github.com/microsoft/griffel
这个项目很有意思。你还在苦恼一会儿写js,一会儿写css吗?现在不用烦恼了,你只需要写一种语言,那就是TypeScript,css会自动由ts代码,编译为css。
目前支持React,以及原生js项目。
具有提前编译的 CSS-in-JS。
Griffel(德语为 stylus/pen)是 CSS-in-JS,具有接近零的运行时、SSR 支持和使用 JavaScript 对象定义的样式。
🚀 零配置启动:Griffel 具有运行时和构建时实现
🔥 可选的构建时间转换以提高性能
💪通过csstype 的类型安全样式
🧩 使用 Atomic CSS 重用样式并避免 CSS 的特殊性问题
📝 使用Webpack 插件进行实验性CSS 提取