5、PostCSS：变量、混合与循环的实用指南

PostCSS：变量、混合与循环的实用指南

1. 安装必要插件

在使用PostCSS创建变量和混合时，我们需要安装一些必要的插件。首先，我们要安装 postcss-mixins 和 postcss-calc 插件。具体步骤如下：
1. 打开NodeJS命令提示符，将工作文件夹切换到项目区域。
2. 在命令提示符中分别输入以下命令，并在每个命令后按回车键：

npm install --save-dev postcss-mixins
npm install --save-dev postcss-calc

3. 如果一切顺利，我们将在屏幕上看到插件安装成功的输出结果。

2. 更新Gulp任务文件

安装好插件后，我们需要更新Gulp任务文件以支持这些插件。具体操作如下：
1. 打开项目区域中的 gulpfile.js 文件。
2. 在 var 声明块下方（大约第10行）添加以下代码：

var cssmixins = require('postcss-mixins');
var calc = require('postcss-calc');

3. 修改 autoprefixer 任务中的 <