PostCSS 是一个使用 JavaScript 工具和插件来转换 CSS 的工具。它可以帮助开发者编写更加高效、可维护和兼容的 CSS 代码。
安装 PostCSS：
- 在项目目录下，打开终端或命令行窗口。
- 运行以下命令安装 PostCSS 和必要的插件：
npm install postcss autoprefixer --save-dev
使用 PostCSS：
在项目根目录下创建一个名为
postcss.config.js的文件，用于配置 PostCSS。在
postcss.config.js文件中，添加以下内容：
module.exports = {
plugins: [
require('autoprefixer')
]
}
这里我们使用了 autoprefixer 插件，它可以根据配置的浏览器兼容性自动添加 CSS 前缀。
- 在项目的 CSS 文件中，添加 PostCSS 注释，以指示 PostCSS 对该文件进行处理。例如：
/* postcss: autoprefixer */
body {
margin: 0;
}
- 运行 PostCSS：
在终端或命令行窗口中运行以下命令：
npx postcss input.css -o output.css
这里的 input.css 是要处理的 CSS 文件，而 output.css 是处理后的输出文件。
你也可以使用一些构建工具（如 Webpack、Gulp 等）来自动化这个过程，以便在每次构建时自动运行 PostCSS。
这就是 PostCSS 的安装和使用过程。通过配置不同的插件，你可以实现更多的功能，如代码压缩、CSS 预处理器的支持等。详细的使用方法和插件列表可以参考 PostCSS 的官方文档。
