- PostCSS
- 包含的插件和工具
- Autoprefixer:增强代码的可读性">1、Autoprefixer:增强代码的可读性
- PostCSS Preset Env:将未来的 CSS 特性带到今天!">2、PostCSS Preset Env:将未来的 CSS 特性带到今天!
- css modules:CSS 模块">3、css modules:CSS 模块
- stylelint:避免 CSS 代码中的错误">4、stylelint:避免 CSS 代码中的错误
- LostGrid:强大的网格系统">5、LostGrid:强大的网格系统
- 参考资料
PostCSS
是一个用 JavaScript 工具和插件转换 CSS 代码的工具
包含的插件和工具
1、Autoprefixer:增强代码的可读性
利用从 Can I Use 网站获取的数据为 CSS 规则添加特定厂商的前缀。Autoprefixer 自动获取浏览器的流行度和能够支持的属性,并根据这些数据帮你自动为 CSS 规则添加前缀。
2、PostCSS Preset Env:将未来的 CSS 特性带到今天!
PostCSS Preset Env 帮你将现代 CSS 语法转换成大多数浏览器都能理解的东西,根据你的目标浏览器或运行时环境来确定你需要的 polyfills,基于 cssdb 实现。
3、css modules:CSS 模块
css modules 就是说你永远不用担心命名太大众化而造成冲突太普通,只要用最有意义的名字就行了。
4、stylelint:避免 CSS 代码中的错误
通过使用 stylelint 强化一致性约定并避免样式表中的错误,stylelint 是一个现代化 CSS 代码检查工具。它支持最新的 CSS 语法,包括类似 CSS 的语法,例如 SCSS 。
5、LostGrid:强大的网格系统
LostGrid 利用 calc() 和你所定义的分割方式来创建网格系统,无需传递大量参数。