ESModuleを使ったUserScriptをreloadなしで試す

方法1. 開発者ツールに動的importで貼り付けて実行する

e.g.

code:js

import('/api/code/programming-notes/ESModuleを使ったUserScriptをreloadなしで試す/sample1.js')

.then(({execute}) => execute());

code:sample1.js

import {sleep} from '/api/code/programming-notes/ESModuleを使ったUserScriptをreloadなしで試す/sleep.js';

export async function execute() {

alert('閉じると2秒後にまた開きます');

await sleep(2000);

alert('また開きましたね。これで終わりです');

}

方法2. 開発者ツールで<script type="module">を読み込んで実行する

コードが少々ややこしくなる

code:sleep.js

export const sleep = milliseconds => new Promise(resolve => setTimeout(resolve, milliseconds));