Что в действительности делает предустановка airbnb от babel? - PullRequest
Новая
       13

Что в действительности делает предустановка airbnb от babel?

1 голос
/ 08 апреля 2019

Я изучаю, как использовать webpack и babel для компиляции javascript для приложений переднего плана, и мне любопытно, что такое предварительная настройка airbnb babel, которую многие люди используют при разработке реагирующих приложений. Итак, пара вопросов у меня:

Преобразует ли этот пресет какой-либо код в код, соответствующий стандартам airbnb?

Если да, то нужно ли мне в любом случае использовать руководство по стилю airbnb?

Кроме того, я не понимаю, почему это так необходимо для того, кто не придерживается стиля. Кто-нибудь когда-нибудь читал скомпилированный код (который обычно минимизируется в любом случае)? В моем опыте я читал исходный код только в отдельных оригинальных файлах. Если этот код еще не стилизован под airbnb, я не вижу преимущества в его стилизации при компиляции - по крайней мере, для целей чтения (я знаю, что некоторые стандарты airbnb касаются функциональности, что имеет смысл).

1 Ответ

0 голосов
/ 08 апреля 2019

A пресет - это набор плагинов, используемых для поддержки определенных языковых функций. Вы используете пресеты для , чтобы воспользоваться преимуществами новейших функций JavaScript, которые еще не были реализованы в браузерах . Пресеты преобразуют ваш исходный код и синтаксис, чтобы быть совместимыми с нативным JavaScript, который понимают браузеры. Например, @babel/preset-react позволит вам писать код стиля JSX (JavaScript как XML), который обычно используется для определения React компонентов, хотя JSX не понимается браузером естественным образом.

Так в чем же дело с пресетом babel-preset-airbnb?

Что ж, AirBnb решил создать руководство , чтобы представить "разумный подход к написанию JavaScript" , поскольку все пишут JavaScript по-разному. В идеале это руководство дает большее чувство структуры и порядка приложениям JavaScript. Полное руководство можно найти здесь , , где AirBnb описывает свои условные обозначения или советы по написанию более понятного JavaScript.

Итак, что касается вашего вопроса:

"Преобразует ли этот пресет какой-либо код в код, соответствующий стандартам airbnb? Если да, то необходимо ли мне в любом случае использовать руководство по стилю airbnb?"

Да, цель пресетов, как правило, состоит в том, чтобы перевести ваш код в отраслевые стандарты, которые в настоящее время понятны браузерам. Таким образом, предустановка, предоставленная командой AirBnb, перенесет ваш код в соответствии с их стилем guide , упомянутым выше. Что касается второй части вашего вопроса, лично я хотел бы, так как они являются хорошими соглашениями по кодированию, и никогда не бывает плохо писать код правильно и придерживаться его мышечной памяти.

Теперь, почему код минимизирован?

Большинство людей сокращают свой код JavaScript до выпуска в производство до , чтобы уменьшить количество байтов, необходимых для загрузки браузером для запуска их веб-приложения . Вот почему, когда вы проверяете код большую часть времени, это минимизированный код. С учетом вышесказанного, основная цель их предустановок - преобразовать ваш код в код, соответствующий их правилам стиля.

Надеюсь, это поможет!

...