【文件属性】:
文件名称:treat:主题化的,静态提取CSS-in-JS,运行时几乎为零
文件大小:570KB
文件格式:ZIP
更新时间:2021-04-05 18:37:24
webpack-plugin css-in-js css-in-ts TypeScript
主题化的,静态提取CSS-in-JS,运行时几乎为零。
在构建时执行的对待文件(例如Button.treat.js )中,用JavaScript / TypeScript编写样式。
所有CSS规则都是提前创建的,因此运行时非常轻巧-只需要交换掉预先存在的类。 实际上,如果您的应用程序不使用主题,则甚至根本不需要运行时。
所有CSS逻辑,包括其依赖项,都不会包含在您的最终捆绑包中。
由于主题是通过生成多个类来实现的,因此支持旧版浏览器。
有关使用treat的更多信息,请参见的文档。
要求
你的项目必须使用与所提供的,但仅此而已。
提供了对和的一流支持,但是这些层是完全可选的。 如果需要,可以将核心集成到其他框架中。
运行时将使用的,所以你可能需要一个用于。
基本用法
首先,安装核心库。
$ yarn add treat
然后,将添加到您的项目中。 在这种情况下,我们使用生成静