浅谈Postcss处理流程并速写一个基础的Postcss插件

浅谈 Postcss 处理流程并速写一个基础的 Postcss 插件

摘要

PostCss，想必很多前端开发者几乎都会在webpack配置中添加相关的postcss插件来处理css样式文件，比如打包的时候给css属性添加各浏览器兼容前缀（即垫片）、亦或是将px单位转换为rem单位等等，但普遍都是npm完对应的依赖包，在插件配置项plugins那里配置一下就完了，很少会去特地了解其处理css的原理，正好之前在图灵项目开发暗黑模式时需要编撰一个postcss插件来将已有的亮眼模式下的颜色转换出一套对应的暗黑颜色，让我又重拾起postcss进行相关原理的温习，以及去学习如何自己编撰相关的逻辑来处理像字体颜色、背景色的转换。