Улучшите импорт и экспорт в JS
Привет всем, на этот раз я собираюсь показать вам интересный способ улучшить ваш импорт и экспорт для таких файлов, как (компоненты, службы, утилиты или помощники).
Хорошо… всегда, когда я работал над проектом, очень часто было много компонентов во внешнем приложении или сервисов или контроллеров во внутреннем приложении. внутри вашей файловой структуры, но когда вы импортируете несколько сервисов или компонентов в свой файл, у вас есть много строк импорта в верхней части вашего файла, например:
В этом случае в нашем app.js у нас есть 4 строки для 4 импортов, но источник для этих файлов один и тот же: «папка компонентов», поэтому мы можем улучшить этот импорт для управления им в одной строке.
Пойдем! сначала мы должны перейти в папку компонентов:
Теперь мы собираемся создать индексный файл
В индексном файле мы собираемся импортировать и экспортировать все компоненты, которыми мы хотим управлять:
Очевидно, что если мы добавили новый компонент в нашу папку, мы должны добавить его в этот индексный файл, чтобы импортировать его непосредственно из индексного файла.
Наконец, мы должны изменить наш импорт в app.js:
И все, это лучший способ импортировать ваши файлы из одной строки, мы сократили 4 импорта всего в одну строку.
Если этот способ был полезен для вас, пожалуйста, хлопните в ладоши и поделитесь им.