CSS – PostCSS

前言

我第一次接触 PostCSS 是在学 Tailwind CSS 的时候. 它类似 JavaScript 的 Babel.

我没有用过 Babel, 因为 TypeScript 用的早. PostCSS 也是这样, Sass 用的早.

PostCSS 具备一部分 (甚至大部分 Sass 的能力), 而且还多了其它能力. 所以会看到一些人纷纷从 Sass 转到了 PostCSS.

但据我个人的经验. 我更推荐 2 个一起用. 尤其是在 Production 的时候. 可以参考我从前写的 Webpack 学习笔记.

写代码一样用 Sass, 然后 transpile 成 CSS 后再用 PostCSS 加工 (e.g. 向后兼容).

这篇只是一个简单的 Get Started 体验一下单独使用 PostCSS.

参考

YouTube – Learn how to power-up your CSS with PostCSS

YouTube – Learn PostCSS In 15 Minutes

官方网站

创建项目

PostCSS 不像 Sass 那样可以安装 VS Code 插件, 它需要使用 Node.js + PostCSS CLI 然后跑 command 来启动.