阿里聚划算
前端工程师
互联网技术联盟
ITA0讲师团成员
本期特邀主持：
赵晓强（百度高级前端工程师）
本篇文章整理自马立铭5月日在『ITA0前端技术精英群』里的分享实录：聚划算前端工具体系。
正文如下大家好！很高兴能在互联网技术联盟（ITA0）与各位分享讨论关于前端工程化和工具体系建设方面的话题。
本人就职于阿里巴巴集团的聚划算事业部，我们的前端工程师团队规模不大，但却支撑起了聚划算、俪人购、淘抢购、淘清仓、淘金币等众多业务，在高效支撑业务发展的同时，也积累起了一套前端工具体系，今天非常有幸在这个平台上与大家做一个交流。
今天的内容我们主要从以下几个方面来介绍：
前端工具体系（Clam）概要
思路分析与模块介绍
调试期与构建期的一致性保证
移动端调试工具
前端工具体系（Clam）概要聚划算的前端工具体系我们给它取了一个名字叫“Clam”，中文译为“蚌”，与“棒”同音。我们的建设思路主要围绕Wb领域最为基础和朴素的“请求/响应”网络模型架构，通过“干预请求-接收请求-层层处理-做出响应”，以辅助前端工程师进行开发调试。
如上图所示，基础环境部分是一个支持插件机制的容器（Srvr），采用插件的形式来组织前端开发环境，在灵活性方面也较有优势，开发者可以根据工程项目的特点，自由地选择插件并进行配置，以满足特定项目的开发要求。
当一个请求进入容器后，会依次经过各个插件，若被其中一个插件命中拦截，则由该插件负责处理并做出响应。各插件会根据请求URL的路径或后缀进行匹配拦截，拦截顺序是异步接口、页面和assts，分别由mockx、ssi和flx-百癣夏塔热片说明书有介绍服用禁忌吗北京白癜风防治医院