从Web开发人员的旅程中了解和学习总是令人着迷。 世界上有1,850万程序员 ，其中1100万是专业人士，而750万是业余爱好者。 如果我们继续了解谁是真正的计算机程序员？ 我想强调比尔·盖茨曾经说过的话。 “我选择一个懒惰的人去努力。 因为一个懒惰的人会找到一种简单的方法。” 程序员只是问题解决者，因为他们找到解决最困难问题的最简单方法。 有时，在控制复杂性的过程中，这些程序员创建了一个，有时只是解决了问题，他们一直在想，如何？ 这些专业人士以及业余爱好者在某种程度上都有着丰富的经验。 在这里，我想与一位如此热情的程序员分享我的采访之一，他是多个开放源代码库的作者， 这些库已被下载超过12000多次。

技术爱好者Arun Michael Dsouza还在上高中时就用C ++编写了他的第一个大型ERP应用程序，曾担任前端程序员五年了，目前在Adpushup担任全栈开发人员，印度最热门的AdTech软件创业公司。 他的开源贡献是精选的顶级在线论坛，如JavaScript的日报 ， NodeWeekly ， ProductHunt 。 Michael还是一位渴望的设计师，具有设计像素完美UI的诀窍。 他建立了印度第一个大学间社交网络，以联系学生，教职员工和校友。 他具有多种编程语言（如C，C ++，JavaScript，Python）的经验，并且热衷于学习更多。

凭借超过八年的编码专业知识，Michael最近在JSConf Belgium上发表了有关“ JavaScript模块和模块捆绑 ”的出色演讲。 让我们浏览一下他最近的谈话中的重点访谈：

是什么促使您在比利时JSConf演讲？

迈克尔： “我一直是JSConf的忠实粉丝，自从我最初从事Web开发以来，就一直关注他们。 我一直很喜欢能够与社区分享您的经验和知识的想法。 我知道比利时的JSConf版本正在发生，布鲁日（我的理想城市之一）也正在发生，所以我开始为我的提案准备一个平台。 我在截止日期之前很久提交了提案，并耐心等待。 一段时间后，组织者与我联系，并告诉我选择了我的提案！”

您的会议主题是什么？ 您是怎么想到的？

迈克尔： “我决定采用一些不平凡的东西，即将到来的技术堆栈放在前端空间中。 该网站不断壮大，在过去的十年中有很多（与迎面而来的NodeJS ， ReactJS和ES6），开发并提供JavaScript应用程序的整体思路已经完全改变。 我们现在处于一个极其苛刻的应用程序时代，这些类型的应用程序需要复杂的工具来开发和交付。 因此，我决定讨论涵盖此工具前景以及围绕它进行的必要优化的主题。 它的标题为“模块捆绑商时代” ， 此处提供甲板。 在本次演讲中，我试图介绍各种模块系统和捆绑工具，以及它们的发展方式，并坚持使用其中最好的捆绑工具之一-Webpack并介绍一些优化技术，以确保您的代码可以立即投入生产。”

您如何看待模块系统和工具在过去几十年中的发展？

迈克尔： “模块系统已经存在了很长时间，社区在开发和发布它们方面做得非常出色。 在ES6之前，该语言没有本机模块系统支持，因此我们不得不使用这些社区驱动的模块系统（例如CommonJS，AMD等），并且它们在保持我们的代码库模块化方面做得非常出色。 但是随着模块系统在客户端变得越来越熟悉，围绕它们的工具也随之开发。 从运行时处理和脚本注入开始，我们转向构建时间处理和优化，这就是模块捆绑器出现的地方。之前没有资产捆绑的概念，但是随着诸如Browserify ， Rollup ，Webpack等相关工具的出现，它成为了现实。很明显，为什么我们应该和他们一起去。”

模块捆绑器如何工作？

迈克尔： “简单来说，模块捆绑器是一种将所有模块捆绑或连接在一起的工具。 它生成所有JavaScript模块的依赖关系图，这是一个抽象语法树。 然后它将遍历依赖关系图，递归地查看每个模块和该模块的依赖关系，并将它们添加到可以提供给客户端的单个JavaScript包中。”

browserify如何帮助我们在浏览器端使用NPM模块？

迈克尔： “ Browserify是第一个引入了以“节点方式”即使用require语句要求模块的想法的模块捆绑器。 这意味着我们可以在Browserify中使用任何CommonJS模块。 由于CommonJS是与Node JS一起使用的事实上的模块系统，因此我们可以使用它，并需要带有Browserify的任何CommonJS模块。 am！ 你去那里了。客户端上的NPM模块。

只需使用NPM安装模块，在代码中要求它，然后使用Browserify捆绑即可。”

什么是webpack？ 如何在webpack中优化捆绑包？

迈克尔： “ Webpack还是一个模块捆绑器，提供了更多的功能！ 值得一提的是，Webpack团队在开源计划方面做得非常出色，经常发布Webpack和漏洞修复程序，并维护整个项目。 Webpack对于如何理解模块有不同的哲学。 每个输入项都充当Webpack的模块，无论是JavaScript，CSS，SASS，CoffeeScript等。您只需要一个适当的“ 加载器 ”来处理文件类型，其余的工作将由Webpack来完成。 Webpack最突出的功能之一是它捆绑了优化工具，因此您可以立即获得对诸如Tree Shaking ， Code Splitting等之类的支持！ 无需第三方插件。

有多种方法可以优化Webpack中的捆绑软件-

1. 您可以使用丑化插件（附带的WebPack捆绑），这是很容易使用。 它将为您最小化输出包。
2. 您可以使用-p标志在生产模式下运行Webpack，它将自动为您触发丑化和相关优化。
3. 缩小CSS也是一个好主意，可以使用CSS-loader 。
4. 摇晃未使用的出口是一种很棒的技术，可以与ES6一起使用。 它可以大大减少您的捆绑包大小。 您可以在这里了解更多信息
5. 您还可以使用代码拆分来帮助延迟加载模块，也称为按需模块加载。 您可以查看有关如何开始使用的官方Webpack文档 。
6. 有关如何使用Webpack进行捆绑包优化入门的更多信息，请随时查看我在此处进行演讲的幻灯片或看看演讲本身。”

从他与社区的谈话中可以学到很多东西。 您可以在这里查看演讲。 他最近的项目Woodlot ： 一个支持Express JS HTTP日志记录，自定义日志记录，提供多格式输出和易于使用的事件API的多合一JSON日志记录实用程序 ，已证明是非常成功的。 过去三年来，Michael一直是各种创业公司/公司构建/扩展其客户端应用程序的重要贡献者，这会让您感到更加兴奋。 您可以在Twitter和LinkedIn上与他联系，并在Github上关注他的工作。

您可以随时与Erica Louise Space保持联系，了解更多此类成功案例。 :)

From: https://hackernoon.com/from-a-high-school-coder-to-an-international-tech-speaker-interview-with-arun-michael-dsouza-47886c4d4652