Откажитесь от динамического импорта и начните использовать абсолютный импорт!


Абсолютный импорт и почему вы должны отказаться от использования динамического импорта

Введение

В этой статье мы узнаем, как абсолютные импорты могут использоваться в Node.js и почему они полезны. Мы также узнаем, как использовать абсолютные импорты и почему вам следует отказаться от использования динамических импортов. Учебник разделен на пять разделов:

Статический и динамический

Первым шагом к пониманию разницы между статическим и динамическим импортом будет определение того, что представляет собой каждый из них.

Статический импорт - это способ импорта объекта из другого файла без использования встроенного синтаксиса (import. или from, например). Вы можете думать об этом как о создании псевдонима для этого модуля, чтобы вам не приходилось каждый раз набирать его длинное имя. Вы также можете использовать их для классов, функций и констант, которые определены в других модулях.


static import {getFullName} from './getFullName';

Вход в полноэкранный режим Выход из полноэкранного режима

С другой стороны, динамический импорт загружает модули в память только при необходимости - либо когда они вызываются, либо когда они передаются в качестве аргументов функциям/методам/и т.д..

Абсолютный импорт

Абсолютный импорт

Вы хотите, чтобы ваш код был производительным? Тогда используйте абсолютный импорт.

Хотите, чтобы ваш код был более надежным? Тогда используйте абсолютный импорт.

Хотите, чтобы ваш код был более читабельным? Тогда используйте абсолютный импорт.

Вы хотите, чтобы ваш код был удобным для сопровождения? Тогда используйте абсолютный импорт.

Вы хотите, чтобы ваш код лучше масштабировался или вообще масштабировался? Тогда используйте абсолютный импорт (если только он не написан на Python 3). Важность использования явной схемы именования такая же, как и для любого другого языка: это облегчает жизнь людям, которые придут после нас, особенно когда они пытаются понять нашу блестящую работу!

Почему вы должны использовать абсолютный импорт

Абсолютные импорты - это способ использования импортов в коде JavaScript, который никогда не сломается.

Вам не нужно беспокоиться о том, что ваш импорт может быть нарушен, потому что он не является относительным.

Абсолютный импорт работает с любым бандлером, транспилятором, фреймворком или инструментом сборки.

Недостатки абсолютного импорта

Есть много причин избегать абсолютного импорта. Им не хватает гибкости, они затрудняют рефакторинг и сопровождение, затрудняют масштабирование приложения и приводят к увеличению количества файлов, которые сложнее тестировать и отлаживать.

Обязательно удалите опцию "module" в вашем babel.

Следующим шагом будет удаление опции "module" в вашем babel. Это устаревшая настройка, которая была устаревшей с Babel 6, но она все еще используется многими и может вызвать проблемы с динамическим импортом.

Вы можете добавить эту строку в ваш файл .babelrc:


{

"presets": [...],

"plugins": [...],

"env": {

"development": {},               "production": {}

} }, 
Войти в полноэкранный режим Выйти из полноэкранного режима

Заключение

Мы надеемся, что теперь у вас есть причины начать миграцию вашей кодовой базы на абсолютный импорт. Мы уверены, что вы полюбите эту возможность и больше никогда не будете вспоминать о динамическом импорте. Счастливого кодирования!

Оцените статью
Procodings.ru
Добавить комментарий