PostCSS概述

PostCSS 是一个使用 JavaScript 插件转换 CSS 的工具。这些插件可以检查（lint）你的 CSS，支持 CSS 变量和 mixins，编译未来的 CSS 语法，内联图片，以及更多其他功能。PostCSS 接收一个 CSS 文件作为输入，并在传递给浏览器之前，通过一系列的插件处理它，生成最终的 CSS 文件。

主要特点

• 插件系统：PostCSS 的强大之处在于其插件系统。有成百上千的社区插件可供选择，可以实现从代码压缩到新属性降级等多种功能。
• 非破坏性：PostCSS 不会更改原始 CSS 代码的结构，只是在其上进行转换和补充。
• 可扩展性：你可以根据项目需求编写自定义插件或集成现有的插件。
• 流行性：许多流行的前端项目和框架（如 Vue.js、React、Angular）都集成了 PostCSS 或提供了与之兼容的工具链。

常用插件

• Autoprefixer：根据 Can I Use 网站的数据，自动添加 CSS 浏览器前缀。
• PostCSS Preset Env：允许你使用未来的 CSS 特性，并自动根据目标浏览器环境进行降级处理。
• CSSNano：压缩和优化 CSS 文件，以减小文件大小。
• Stylelint：一个现代 CSS 代码质量工具，可以帮助你避免错误和不符合风格指南的代码。
• PostCSS Mixins：允许你在 CSS 中使用 mixins，就像在预处理器（如 SASS 或 LESS）中一样。

使用方法

PostCSS 可以通过多种方式集成