我正在学习如何使用 webpack 和 babel 为前端应用程序编译 javascript，我对 airbnb babel 预设很好奇，似乎很多人在开发 React 应用程序时都会使用它。所以我有几个问题：
此预设是否将任何代码转换为符合 airbnb 标准的代码？
如果是这样，如果我仍然使用 airbnb 风格指南，是否有必要？
此外，我不明白为什么对于不遵守这种风格的人来说如此必要。有没有人读过编译后的代码（无论如何通常都会缩小）？根据我的经验，我只阅读了它们单独的原始文件中的源代码。如果该代码尚未进行 airbnb 样式化，我看不出在编译中对其进行样式化有什么好处——至少出于阅读的目的（我知道一些 airbnb 标准是针对功能性的，这确实是有道理的）。
预设是一组用于支持特定语言功能的插件。您可以使用预设来利用尚未在浏览器中实现的最新 JavaScript 功能。JavaScript预设将转换您的源代码和语法以与浏览器理解的原生兼容。例如，这
@babel/preset-react将允许您编写JSX（JavaScript 作为 XML）样式代码，通常用于定义React组件，尽管JSX浏览器并不自然地理解。
那么babel-preset-airbnb预设是怎么回事呢？
好吧，AirBnb 决定创建一个指南来展示“合理的写作方法JavaScript”，因为每个人的写作方式都JavaScript不同。理想情况下，本指南可以更好地了解JavaScript 应用程序的结构和顺序。完整的指南可以在这里找到， AirBnb 在这里描述了他们的约定或关于编写更易于维护的建议JavaScript。
至于你的问题：
此预设是否将任何代码转换为符合 airbnb 标准的代码？如果是这样，如果我仍然使用 airbnb 风格指南，是否有必要？
是的，一般来说，预设的目的是将您的代码翻译成浏览器当前理解的行业标准。因此，AirBnb 团队提供的预设将根据他们上面提到的样式指南转译您的代码。至于你问题的第二部分，我个人会，因为它们是很好的编码约定，以正确的方式编写代码并让它坚持肌肉记忆从来都不是一件坏事。
现在为什么要缩小代码？
大多数人JavaScript在发布到生产环境之前会缩小代码，以减少浏览器运行 Web 应用程序需要下载的字节数。这就是为什么当您大多数时候检查代码时它是缩小代码的原因。话虽如此，他们预设的全部目的是将您的代码转换为符合其样式指南的代码。