19、深入探索PostCSS插件开发

深入探索PostCSS插件开发

1. 解决错误与测试插件

当遇到错误或警告时，有两种处理方式。理想的做法是修改代码来消除错误，但这可能是一个长期的过程，具体取决于所需更改的性质。当前，我们可以通过编辑插件内的 .eslintrc 文件，将方括号内的值设为 0 来关闭该错误的测试。这在短期内可行，但后续还需重新审视代码以消除歧义。

接下来进行插件测试，具体步骤如下：
1. 从代码下载包中提取 gulpfile.js 和 package.json 的副本，并保存到项目区域的根目录。
2. 创建一个新文件，添加以下 CSS 样式，并将其保存为项目区域 src 文件夹中的 style.css ：

div {
  property: all;
  duration: 1s;
  timing: ease-in-out;
  delay: 1s;
}

3. 打开 Node.js 命令提示符，将工作目录更改为项目区域。
4. 在命令提示符下输入 gulp 并按回车键，PostCSS 将编译源样式表。若一切正常，我们将在项目区域的 dest 文件夹中看到编译结果。

测试完成后，我们可以进一步将插件添加到测试运行服务（如 Travis CI）中。不过，这一过程有一定的学习曲线，Windows 用户可能