
前面我们已经介绍了whistle的环境搭建和基本使用,本文将介绍如何快速生成whistle配置文件和如何在项目中启用前人留下的配置文件。
Why 为什么要用配置文件
想象你有一个项目,在本机的浏览器whistle配置页面中配置了项目需要使用的whistle规则,但是日后其他同事接手了,他怎么知道这个项目的whistle配置呢?
因此,配置文件的必要性就体现出来了,我们只需要在项目里生成一个配置文件,其他成员用我的配置文件生成他本地的whistle环境,即可继续进行开发。另外,如果在项目进行中,需要添加新的规则,他也只需要在配置文件中修改,也可以方便地共享给日后的其他开发成员。
从这个角度来说,whistle配置文件是项目团队成员之间共享和同步环境的一环。
Create 如何创建配置文件
whistle采用的配置文件默认文件名为 .whistle.js,该文件为支持cmd模块格式的js文件。
假设我们项目的whistle基础配置如下:
qq.ketang.com/ http://127.0.0.1:3000/ excludeFilter://^qq.ketang.com/cgi-*
sass.ketang.com/ resCors://*
则我们只需要在 项目根目录
下新建一个 .whistle.js
文件,该文件为一个cmd标准的js模块,其中的核心是 name 和 rules 两个模块属性。
// .whistle.js
exports.name = '【本地环境】qq.ketang项目';
exports.rules = [
'qq.ketang.com/ http://127.0.0.1:3000/ excludeFilter://^qq.ketang.com/cgi-*',
'sass.ketang.com/ resCors://*'
].join('\n');
其中
- name 代表 whistle环境的显示名称
- rules 代表 具体的规则,每条规则以 '\n'换行符 为分隔符进行切割,这里你也可以使用模版字符串
Add 如何使用配置文件
随后,日后接手项目的同事,看到项目根目录下有 .whistle.js文件, 就知道该项目有自身的基础whistle配置,于是只需要在根目录下输入
w2 add
就会自动向本地的whistle配置面板中添加一份名为 "【本地环境】qq.ketang项目 "的 whistle配置

这样,我们就完成了项目中whistle的配置的生成和共享。