postcss-ts-classnames TypeScript类名生成插件
PostCSS 的 TypeScript 类名辅助插件，用起来还挺顺手的。postcss-ts-classnames能从你的 CSS 类名直接生成 TS 类型，不管是你自己写的，还是框架带的，都能识别。
比如你写了.button和.button-danger，它就会给你生成：
type ClassNames = "button" | "button-danger";你可以搭个小工具函数：
function cn(...args: ClassNames[]) {
return args.join(" ");
}嗯，编辑器还能自动补全，类名拼错也能立马知道，效率高多了。
用在Tailwind、Bootstrap这类类名超多的项目里，效果。再配合VScode的补全插件，写样式流畅多。
不过注意一点：别忘了配置PostCSS流程，不然生成的类型不会自动更新，推荐配个 watch 脚本。
如果你在搞组件库、或是想让 CSS 更可控，这个插件真可以试试。顺带一提，有兴趣可以看看HTML CSS 类名自动补全插件，一起用更爽。
文件大小：903.49KB
评论区