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

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

Offen
#1,942 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

suggestion: tutorial
Vorherrschende Sprache
HTML
Sterne
4.1k
Forks
922
PR-Merge-Kennzahlen
Keine gemergten PRs in 30 T.

Beschreibung

Описание

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

Мотивация

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

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

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

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

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

  1. Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
  3. Forke das Repository und arbeite in einem Branch.
  4. Öffne einen Pull Request, der die Issue-Nummer nennt.

Rechercherichtung

Beginnen Sie mit der Lektion „Модули, введение“ und ihrem Abschnitt „Не допускаются «голые» модули“, und vergleichen Sie anschließend die zugehörige Lektion „Экспорт и импорт“. Überprüfen Sie das Verhalten von HTML <script type="importmap"> und die aktuelle Auflösung von Browsermodulen; die Arbeit ist abgeschlossen, wenn das Tutorial Import Maps, Bare-Module-Imports und Pfadüberschreibungen klar erklärt.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
html, javascript
Bereich
documentation, web-dev
Issue-Typ
Dokumentation
Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
45/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.