babel的airbnb预设实际上有什么作用？

Question

我正在学习如何使用webpack和babel来为前端应用程序编译javascript，并且我对airbnb babel预设感到好奇，很多人在开发React应用程序时似乎会使用该预设。所以我有几个问题：此预设是否将任何代码转换为符合airbnb标准的代码？如果是这样，我是否仍然需要使用airbnb样式指南？另外，我不明白为什么对于那些不遵循样式的人来说，这样做是必要的。有没有人读过编译后的代码（无论如何通常都会缩小代码）？以我的经验，我只阅读源代码在其单独的原始文件中。如果该代码尚未经过airbnb样式设置，那么我看不出在编译中对其进行样式设置有什么好处-至少出于阅读目的（我知道一些airbnb标准是针对功能性的，这确实有意义）。

Answer 1

甲预置是一套用于支持特定语言功能的插件。您可以使用预设来利用尚未在浏览器中实现的最新JavaScript功能。预设将转换您的源代码和语法，使其与JavaScript浏览器可以理解的本机兼容。例如， 虽然浏览器无法自然地理解，但使用，@babel/preset-react您将可以编写JSX（JavaScript as XML）样式代码，该代码通常用于定义React组件JSX。

那么该babel-preset-airbnb预设有什么用呢？

好吧，AirBnb决定创建一个指南，以提出一种“合理的写作方法JavaScript”，因为每个人的写作方式都不JavaScript一样。理想情况下，本指南对JavaScript应用程序具有更好的结构和顺序感。整个准则可在此处找到， AirBnb在其中描述了它们的约定或编写更易维护的建议JavaScript。

因此，对于您的问题：

“此预设是否将任何代码转换为符合airbnb标准的代码？如果是这样，无论如何我是否仍需要使用airbnb样式指南？”

是的，预设的目的通常是将您的代码转换为浏览器当前可以理解的行业标准。因此，AirBnb团队提供的预设将根据上述样式指南来转换您的代码。至于您问题的第二部分，我个人认为，因为它们是好的编码约定，并且以正确的方式编写代码并将其保留在肌肉记忆中，这从来不是一件坏事。

现在，为什么代码要缩小？

大多数人JavaScript在发布产品之前将其代码缩减至最小，以减少浏览器运行其Web应用程序所需下载的字节数。这就是为什么当您大多数时候检查代码时，它是精简代码的原因。话虽如此，它们预设的全部目的是将您的代码转换为符合其样式准则的代码。