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