PostCSS

PostCSS：是一个可以通过 JavaScript 来对 CSS 进行转化和适配的工具。也就是说，这个工具中执行的其实都是 JavaScript 代码，它是通过 JavaScript 代码来对 CSS 样式进行转换和适配。例如：自动添加浏览器前缀、CSS 样式的重置等。但是这个工具本身其实实现不了什么功能，要实现上述的功能，需要借助 PostCSS 中对应的插件，将对应插件集成到 PostCSS 中实现 。

使用 PostCSS：

PostCSS 是一个独立的工具，可以单独使用，也可以在各种构建工具中使用。

单独使用：

1. 首先需要安装 postcss 和 postcss-cli 才能在命令行中单独使用 PostCSS：npm install postcss postcss-cli --save-dev。
2. 安装需要的插件：例如 npm install autoprefixer --save-dev。
3. 然后在命令行中运行 npx postcss --use autoprefixer -o target.css origin.css，PostCSS 就会使用 autoprefixer 插件对 origin.css 中的 CSS 样式添加对应的浏览器前缀并生成 target.css 文件。

在构建工具中使用：

1. 首先需要查找 PostCSS 在构建工具中的扩展，使用对应的扩展后才能在构建工具中引入 PostCSS 来使用 。例如：在 Webpack 中的 postcss-loader。
2. 然后添加需要的 PostCSS 插件。