Загрузить PDF
Загрузить PDF
Модули JavaScript — отличный способ повысить производительность вашего приложения. Они позволяют использовать много вещей, которые сделают приложение более функциональным, такие как динамическая загрузка модулей и lazy loading. Главное, что JavaScript теперь поддерживаются браузером. Раньше для этого использовали webpack, что было не очень удобно.
Шаги
-
1Узнайте больше о JavaScript-модулях и их использовании в веб-приложениях. Модули JavaScript позволяют встраивать один в файл в другой с использованием методов import и export. Они также позволяют создавать модульные компоненты, которые могут быть повторно использованы.
-
Разберитесь, почему стоит использовать JavaScript-модули вместо классических скриптов. Использование модулей JavaScript дает следующие преимущества:
- Разделение приложения на модули. Создание приложения с помощью модулей делает его более эффективным и повышает производительность. Благодаря использованию модулей, вы сможете применять lazy load и избавиться от ненужного кода в вашем приложении.
- Использование Strict mode по умолчанию. Strict mode включен по умолчанию в модулях JavaScript.
- Использование метода defer по умолчанию. Это означает, что ваш HTML-код загружается параллельно с JavaScript. Таким образом вам больше не нужно добавлять атрибут defer в свой script тег, когда вы используете ECMAScript.
- Модули импортируются динамически. С JavaScript модулями вы можете настроить загрузку своих модулей, запустив динамическую функцию, которая импортирует модуль в случае необходимости. Это предполагает, что при посещении пользователем сайта вы подгружаете profile модуль только тогда, когда пользователь авторизировался.
Реклама
-
Для использования модуля просто укажите атрибут type в script теге модуля, который реализует ваш основной JavaScript-файл. Теперь вы можете использовать import и export методы для импорта ваших модулей.
-
Вы можете импортировать и экспортировать модули внутри main.js
-
Посмотрите, как используется метод export в profile.js. Как видите, использовать модули ECMAScript легко. Когда вы задаете type в модуле, браузер автоматически рассматривает его как модуль JavaScript.
- Вы можете также присвоить файлу расширение .mjs, чтобы браузер мог идентифицировать модуль. Однако это не принесет никаких улучшений.
-
Разберитесь с поддержкой браузера. По имеющейся информации, только современные браузеры поддерживают JavaScript модули. Если используется браузер Chrome, Edge или Firefox, то все должно быть в порядке.Реклама
Об этой статье
Эту страницу просматривали 2112 раз.
Реклама
