仅仅这样做你就已经领先了

mdruhul

，他们可能会争论说，这些框架（例如 Vue、React）对于性能进行了高度优化，因此您可以从中获得很多好处，因此只需将其与捆绑器中的包管理器配对即可确保您只是发送您想要的代码。当然，

克里斯：是的。我不同意。除了……我想也许是，但不是真的，我真的没有更多的东西可以详细阐述。即使使用捆绑器，您仍然需要 React 核心。即使进行捆绑，这仍然比使用 Preact 之类的东西更大。

克里斯：德鲁，我真的很感谢你提出这个问题。因为我在我的书《精益网络》和我 美国电话号码表 的同名演讲中谈论的其他事情之一是这些工具如何......例如，您提到了捆绑。为了解决使用所有这些 JavaScript 所带来的性能损失，我们所做的一件事就是在前端添加更多的 JavaScript 来解决这个问题。我们做到这一点的方法之一是包管理器和模块捆绑器。

克里斯：正如您提到的……对于那些不知道的人来说，这些工具将……它们会将您所有的小型 JavaScript 代码编译成一个大文件。更新的和更多的……我不想称它们是深思熟虑的。但较新的将使用一种称为树摇动的功能，它们会删除任何实际不需要的代码。如果该代码具有一些未用于您实际完成的操作的依赖项，它们会删除其中的一些内容以使您的包尽可能小。这实际上并不是一个可怕的想法，但它会导致这种情况，我通常称之为依赖关系健康，在这种情况下，你会在依赖关系之上拥有一个非常微妙的依赖关系卡片。

克里斯：设置流程需要时间。任何曾经运行过 NPM 安装然后发现一堆依赖项已经过时的人都必须花一个小时尝试找出哪些依赖项需要修复，哦，这实际上是依赖项中的依赖项，而您不这样做没有能力自己去修理。这是一整件事。也许它对你有用，但我宁愿花时间不要浪费时间尝试将我的依赖项放在一起。

克里斯：我开始收集人们的推文，他们抱怨在工作流程中浪费了时间。我最喜欢的人之一，布拉德·弗罗斯特（Brad Frost），几年前，他谈到了令人沮丧的认识：你在现代 JS 中费力完成的事情在 jQuery 中可能要花 10 分钟。我并不是真正的 jQuery 粉丝，但在使用框架时我感到很痛苦。

克里斯：许多这些工具的另一个问题是它们开始成为看门人。我不知道你到底有多想深入研究这个问题，德鲁。但我对 JS 的一大反对意见是，所有的事情都在一个工作流程中。尤其是当你开始说：“好吧，如果我们已经在 HTML 中使用 JS，为什么不也将它用于 CSS 呢？” 你开始将很多真正有才华的人排除在开发过程之外。对于整个社区来说，这对项目来说是一个巨大的损失。



德鲁：嗯，我当然是……我在 2020 年初开始学习 React，并将其添加到我的技能中。我现在已经这样做了近七个月了。我不得不说，我最不自信的部分是围绕启动项目设置工具。

德鲁：似乎要为 Hello World 做很多工作，而且您还需要了解更多才能使其做好生产准备。如果这是你在 2020 年学习成为一名 Web 开发人员应该做的事情，那么这必然会让开发变得更加困难。刚刚接触它的人将会遇到一个真正的问题。这将成为真正的进入障碍，不是吗？

克里斯：绝对地。这里的另一件事是，JavaScript 开发人员并不总是唯一在代码库上工作或以有意义的方式为该代码库做出贡献的人。我们越是把了解 JavaScript 作为使用代码库的要求，这些人就越不可能真正参与该项目。