Что такое модуль

Модуль — это один файл js. Вообще говоря, все переменные, определенные в файле js, могут использоваться только в этом файле. Если другие файлы хотят его использовать, им нужно использовать экспорт и импорт в файл, то есть модуль

Основными единицами export и import являются: литералы, переменные, константы, функции и классы. Переменные используются в следующих примерах. Ключевое слово export отмечает переменные, экспортированные из текущего файла. Ключевое слово import отмечает переменные, импортированные из других файлов. За ключевым словом from следует путь к файлу. Это может быть абсолютный путь или относительный путь

Как использовать модули es6

Экспорт имени

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

Экспорт по умолчанию

Если вы хотите экспортировать по умолчанию. Вы просто используете ключевое слово экспорта по умолчанию. При экспорте по умолчанию не нужно объявлять переменные, при импорте вам нужно назвать импортируемый контент.

Переименовать экспорт

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

Экспортировать все

Вы можете импортировать все переменные с помощью import *. Затем используйте способ получения свойств объекта, чтобы получить каждую переменную.