27、自定义语法操作与预处理器混合使用指南

自定义语法操作与预处理器混合使用指南

1. 替换RGBA颜色

在代码处理中，我们有时需要对颜色进行替换操作。这里介绍一个相对简单的搜索和替换示例，展示了不依赖插件，直接解析代码也能达到相同效果。以下是具体步骤：
1. 从下载的代码中提取 T61 – changing colors 文件夹的副本，并将其保存到项目区域的根目录。
2. 把 T61 – changing colors 文件夹中的 gulpfile.js 和 package.json 文件复制到项目区域的根目录。
3. 将 T61 – changing colors 文件夹中的 src 文件夹复制到项目区域的根目录。
4. 打开 NodeJS 命令提示符会话，然后将工作文件夹更改为项目区域的根目录。
5. 安装额外的插件 color-convert （可从 https://github.com/qix-/color-convert 获取），用于在从抽象语法树（AST）中提取颜色细节后进行颜色更改。在 NodeJS 命令提示符中，将工作文件夹更改为项目区域的根目录。
6. 在命令提示符中输入 npm install color-convert --save-dev 并按回车键。
7. 插件安装完成后，输入 gulp 并按回