- Dynamic Import のテストページです。
- Dynamic Import では import() 実行時にモジュールファイルをリクエストして取得します。
- ボタンを押して、はじめて utils.js ファイルが読み込まれます。
コード
index.php<script async src="main.js"></script>document.querySelector('#btn1').addEventListener('click', () => {
import("./utils.js").then((module) => {
console.log(module);
module.default.say("Hello, Dynamic Import!");
});
});
export default {
say: (msg) => {
alert(msg);
}
};