PostCss：详尽指南之安装和使用

# 安装 PostCSS 和所需的插件
npm install postcss postcss-preset-env autoprefixer --save-dev
 
# 创建一个 PostCSS 配置文件 postcss.config.js
// postcss.config.js
module.exports = {
  plugins: [
    require('postcss-preset-env')({
      // 选项
    }),
    require('autoprefixer')({
      // 选项
    }),
  ],
};
 
# 使用 PostCSS
# 你可以在构建脚本中调用 PostCSS，例如使用 npm scripts
# package.json
{
  "scripts": {
    "build:css": "postcss your-input-file.css -o your-output-file.css"
  }
}
 
# 运行构建脚本
npm run build:css

这个例子展示了如何安装PostCSS以及它的两个常用插件postcss-preset-env和autoprefixer。然后，我们创建了一个配置文件postcss.config.js，在其中导入了这些插件。最后，我们演示了如何在package.json中设置一个构建脚本来运行PostCSS，并指定输入和输出文件。