国双技术沙龙：开学术自由之风

腊八刚过，大面积的寒流便以不可阻挡之势凶猛来袭。在这凛冽的寒冬里，国双内部举办的一场小型沙龙却让自由与温暖之风重回人间——1月15日，由国双前端技术委员会举办的首届前端技术主题沙龙，在4位前端技术达人的分享下顺利召开。其专业的技术知识与缜密的逻辑思维，让众人在这凛冽的寒冬中飨食了一场别（bu）开（ming）生（jue）面（li）的学术盛宴。

国双“前端工程化”主题沙龙

作为国双首届专业技术沙龙的主办方，前端技术委员会将这一次的主题定为了“前端工程化”，希望能借此开放性的话题吸引更多人分享和讨论。而从此次举办结果来看无疑是成功的——第一场面向前端技术人才的沙龙活动便吸引了国双95%以上的前端开发者参加，用主办方的话说，“至少从这一结果来看，大家对专业性沙龙还是抱有期待的”。

其实，不仅是专业技术人才，对于普通大众而言，与计算机技术开发联系最为紧密的也是前端：打开任意网站或APP，你的眼睛看到的所有画面、手指接触到的按钮操作等都是前端。前端开发者的目标便是将后端的数据服务转换成业务功能供用户使用，从这一角度来讲，前端又像是连接产品与用户的桥梁。

国双AD系统微信H5传播分析页面

那么，一桥如何飞架南北？为了从计算机技术端到达用户端，多年来，开发者们可谓用尽了洪荒之力。从最初的“八仙过海，各显神通”，即框架齐放阶段，到现在Angular、React、Vue三大框架鼎足而立的时代，开发者们渐渐踏出了一条前端工程化之路。不仅如此，为了让这一通往用户端的工程之路变得更加便捷，各种提升效率的工具也开始陆续出现。从上世纪九十年代发展到如今，前端开发工程中经典框架、工具接连涌现，开发者们一面遵循经典、一面暗自发力，谁也无法猜到下一个经典究竟花落谁家。不过，前端开发者们，人人皆有可能！

本次分享会的四大主题按分享顺序分别为：“前端框架的工程化之路”“GCRM微前端实践”“组件库构建方案演进”与“webpack优化实践”。除第一个结合本次沙龙大主题的分享之外，另外三个话题基本都来自于分享者的实践经验。

“GCRM微前端实践”首先为大家带来了“微前端”的概念，直观地理解，就是将一个巨无霸（Monolith）的前端工程掰开捏碎，缩成一个个的小工程。这一做法的最大好处就在于，若要进行产品局部微调整，以前是“牵一发而动全身”，而现在则可以通过“一对一”的方式在后端进行相对应的微服务。这样一来，相应的打包速度、页面加载速度也都提高了，有效避免了大工程中多人协作的冲突，并且满足了当下越来越多的产品定制化需求。

第三个分享对于国双产品的使用者而言或许更为亲切。用过国双产品的朋友们对于国双产品页面的整体排版、色调应该不会感到陌生。为让用户在使用国双不同产品时能够迅速熟悉操作，国双前端开发者们专门研发了一套独属于国双的组件库。第三位分享者带来的“组件库构建方案演进”，便为大家介绍了国双组件库是如何按需加载以及优化构建体积等历程。其后的每一步高效操作都凝结了国双人智慧的结晶。

最后一位分享者带来的“webpack优化实践”，直接用一组组不断优化升级的数据将大家代入了操作过程中。随着一轮又一轮的迭代，项目代码量早已从当年的demo种子摇身变成今日的参天大树。由于缺乏长期维护，如今的框架构建效率简直是萦绕在码农们心头的噩梦。在使用升级版前端开发工具webpack4过程中，分享者经多次尝试，终于找到了一个独辟蹊径的优化方法——配合happyPack+dll插件使用，构建效率此后一路高歌，突飞猛进……

对于前端开发者们而言，这次的沙龙无疑是一场难得的学术狂欢，但对于现场聆听的极少数非专业人员而言，可能脑中只剩下“我是谁”“我在哪儿了”……专业与科普难两得，究竟该如何取舍？

以下是来自主办方的心声：

这样的情形其实我们之前就已经想到了，不过考虑到举办沙龙的初衷，最终我们还是没有对主讲人提出过多的要求。我们想打造的就是一个纯技术交流与分享的平台，希望能给各技术伙伴带来一些借鉴与思考。如果考虑到不懂专业的人而将之变成科普平台，那受众可能就变成普通人而不是我们的技术同仁了，这样一来也就背离了我们的初衷。因此，最终我们决定保持专业，让这一个平台真正成为技术人的圣地。当然，我相信未来我们国双还将有其他专门的分享平台，那时我们的技术达人也会非常乐意为大众进行科普的。

同时，作为第一次举办的专业沙龙，我们也发现了其中不少需要改近的问题，首要的就是互动。尽管现场也有不少人提出了问题，但显然不够。中间我甚至一度想过要不要让大家席地而坐，拉近彼此的距离，达到互相交流与分享的目的。因此，在未来的系列沙龙活动中，我们会竭尽所能营造一个更加轻松且自由的环境，让主讲人抛砖引玉，所有人畅所欲言！