postcss-cli是 postcss 官方提供的命令行工具。

但除此以外，现代工程化项目中，还可使用 postcss-loader 或 gulp-postcss 等。

它们的原理与作用基本类似。我们本章主要使用 postcss-cli 来一窥全貌。

安装

安装 postcss-cli 的同时，要安装 postcss。

yarn add postcss-cli postcss -D

postcss-cli 是命令行工具，而 postcss 则是功能核心库。

基础使用

在 package.json 文件中添加 scripts 脚本：

{
  "scripts": {
    "build": "postcss -o styles/output.css -u autoprefixer --env production styles/entry.css"
  }
}

上述 build 脚本会读取 styles/entry.css 内容，使用插件 autoprefixer 转换，然后生成 styles/output.css 文件，并且声明了 env 为 production（可在 .postcssrc.js 中的 context 访问）。

更加详细的指令介绍可以查看usage。