javascript-tutorial / javascript-tutorial/ru.javascript.info

[Предложение: учебник]: importmap и голые модули

Open
#1,942 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

suggestion: tutorial
Dominant language
HTML
Stars
4.1k
Forks
922
PR merge metrics
No merged PRs in 30d

Description

Описание

importmap появился в стандарте HTML в 2022-м и на 2024-й год имеют широкую поддержку в браузерах (более 90%). Видится важным рассказать о нём в уроке «Модули, введение», переработав раздел «Не допускаются «голые» модули». Можно заменить его, к примеру, на «Карта импортов, импорт «голых» модулей» и описать принцип работы <script type="importmap">. Возможно, имеет смысл подробно осветить тему в отдельном новом уроке или в уроке «Экспорт и импорт».

Мотивация

За последние несколько лет здорово эволюционировали браузеры, райнтаймы и инструменты сборки, меняются подходы к работе с модулями (выстрелил Vite с его «esm-подходом» в dev-режиме), появились различные реализации микрофронтендов, в том числе с использованием importmap.

Эволюционировал и порядок разрешения путей модулей: importmap не только привнёс работу с «голыми» модулями в браузер, но и сделал возможным «переопределение» путей на усмотрение разработчика. Без знания о том, как работает importmap, может быть в принципе непонятно, почему загружаются те или иные модули. Кажется весьма важным описать произошедшие изменения, которые, как видится, в скором будущем станут новым стандартом подключения зависимостей.

Готовы ли вы принять участие в реализации данного предложения?

Да, я готов(а) принять участие.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the “Модули, введение” lesson and its “Не допускаются «голые» модули” section, then compare the related “Экспорт и импорт” lesson. Review the HTML <script type="importmap"> behavior and current browser module resolution; the work is done when the tutorial clearly explains import maps, bare module imports, and path overrides.

Written by the indexing model from the issue text.

Assessment

Tech stack
html, javascript
Domain
documentation, web-dev
Issue type
Documentation
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.