https://laboradian.com/import-maps/
https://zenn.dev/uedayou/articles/1a0e845a5910a2
「JavaScript の実際のファイル名(ファイルURL)」と「そのファイルを import するときに指定する名前」の対応を定義するためのscriptタグ。
これにより、ブラウザで完結するスクリプトでもnode.jsのようなモジュール名を直接指定する形式でimportが書けるようになる。
以下のような感じ。
<script type="importmap">
{
"imports": {
"vue": "https://unpkg.com/vue@3/dist/vue.esm-browser.js",
"vuetify": "https://cdnjs.cloudflare.com/ajax/libs/vuetify/3.0.0-beta.1/vuetify.esm.js"
}
}
</script>
<script type="module">
import { createApp, computed } from 'vue'
import { createVuetify } from 'vuetify'
const vuetify = createVuetify()
const app = createApp({ /* 適切な定義 */ })
app.use(vuetify)
app.mount('#app')
</script>