JavaScript modules
script type="module" でブラウザが ES Modules を直接読み込み、import/export 構文でモジュール分割を実現します。
概要
script type="module" でブラウザが ES Modules を直接読み込み、import/export 構文でモジュール分割を実現します。
対応ブラウザ
デスクトップ
Chrome 61+
Edge 16+
Safari 11+
Firefox 60+
モバイル
Chrome Android 61+
Safari iOS 11+
Firefox Android 60+
基本構文
HTML
<script type="module">
import { greet } from './utils.js';
greet('World');
</script>
<script nomodule src="legacy.js"></script>実務での使いどころ
-
JavaScript modules の活用
JavaScriptモジュール。ES Modules（import/export）のブラウザネイティブサポート。
注意点
- 古いブラウザでは対応していない場合がある。
アクセシビリティ
- スクリーンリーダーでの読み上げを確認すること。