postCSS是什么；主题切换；色组概念；

疑问

• postCSS是动态的？是静态的？

  • 答：是静态的

    摘要&心得

• 面向多主题的开发比较有用，中小型B端产品不常遇到这种场景，可以后面遇到了真实场景案例再回过头来看+做，会更有学习效率一些。

• PostCSS 是一款编译 CSS 的工具。https://github.com/postcss/postcss
  • 常与各种插件合作，用于编译CSS
• 文中提到了一种模式，编译两套样式，然后通过html标签属性的改变来实现主题色切换。
  • 伪动态，主题的切换无需重新编译。
  • 但是主题色要先确定好，无法用调色板动态生成。

    色组

    业务开发者不需要关心这个色组在 light/dark 模式下分别对应哪些色值。而设计团队可以专门维护色组和色值，最终只提供给开发者色组即可。

    # 配置文件
    GBK05A: [BK05, BK06]
    BK05: '#808080'
    BK06: '#999999'

    在开发时，直接使用第一行的色组，不需要去具体关心到底是白天还是黑夜，postCSS将其编译成色值：