兼容性
注意此方案是放弃 IE 的! (都上 tailwindcss 了) ， 其余浏览器兼容良好 。
总结
这种方式 ， 实际上利用了很多的 css sass webpacktailwindcss 的特性 ， 笔者回过头来看 ， 发现这个方案在实现后 ， 好用是非常好用的 。
变量 ， 原子化class 公共提取和智能提示一应俱全 ， 就是要对上面一些技术点有比较充分的理解 。
如果您对此篇文章有建议或者更好的方案 ， 也欢迎联系笔者一起探讨 。
附录

• 小米|小米最强影像旗舰！小米12S系列海报泄密：徕卡标变白了
• 徕卡|超大杯命名揭晓！卢伟冰换上小米12S Ultra
• ZOL科技早餐：华为千元手表官宣，腾讯QQ回应大规模盗号
• 苹果|美科技巨头每秒能赚多少钱？苹果11376元
• 科技入黔|“科技入黔”助力贵州高质量发展
• 领军企业|30个！中国科协发布2022年科技领域重大问题难题
• 小米|小米12S系列官宣7月4日正式发布：小米与徕卡联合研发
• 为何人类科技几乎停滞？谁影响了人类发展？又被科学家猜对了？
• 一加科技|618手机黑马清单：小米这次直接杀疯了
• 小米12T核心参数曝光：骁龙8+、120Hz AMOLED屏