На этой неделе я узнал, как использовать neutrinojs для линтинга реагирующих компонентов нестандартным образом.
В этой статье я объясню, как этот инструмент сборки помог мне решить эту надоедливую проблему с eslint.
Введение
Одним из коммерческих предложений Neutrinojs является то, что: вы можете использовать его для создания и публикации компонентов Reactjs в npm.
Одно использование, которое я нашел интригующим, было их API конфигурации, которое позволяет вам легко изменять процесс сборки любым способом, которым вы хотите.
Эта гибкость делает Neutrinojs удобным как для начинающих, так и для опытных разработчиков.
Новички могут воспользоваться преимуществами инструментов управления кодом, не зная их тонкостей.
Опытные разработчики экономят время на настройку проекта и по-прежнему могут использовать свои любимые процессы сборки.
Neutrinojs позволяет разработчикам модифицировать процесс сборки, не отключая его!
Вы можете проверить этот сообщение в блоге Mozilla для простого руководства!
Объяснение
Проблема
Предположим, вы написали код ниже
Затем вы запускаете npm run lint , который выдает ошибку eslint.
Чтобы исправить эту ошибку, вы запускаете npm run lint -- --fix , который изменяет ваш код, а также выдает Ошибку, связанную с Airbnb-eslint.
Решение (сила Нейтриной!)
Теперь вы копаетесь и выясняете, что вы можете получить желаемый синтаксис, переопределив правила eslint function-paren-newline и comma-dangle.
Итак, вы предоставляете это переопределение Neutrinojs через его .neutrinorc.js конфигурационный файл.
После этого вы откатываете назад изменения, сделанные npm run lint -- --fix
Теперь при запуске npm run lint вы не получите ошибок линтинга!
Примечание. Используемый пример является частью разработки react-geojson-editor.
Вывод
Neutrinojs — отличный инструмент для разработчиков, которые хотят взять на себя ответственность за свои процессы сборки и при этом использовать лучшие практики управления кодом, созданные умными людьми.
