ES Modules

ESMとは?

ES 6に導入されたモジュールシステム

import、jsファイル間でexportで

にアクセス

使用方法

A.js(最低コード)

export const TxtA = () => {
	console.log('AAAAA');
}

B.js(中間コード)

import {TxtA} from './A.js'

const TxtB = () => {
	console.log('BBBBB');
    TxtA();
}

app.jsトップクラスコード

import TxtA from './A.js';
import {TxtB} from './B.js';

TxtA(); // 'AAAAA' 
TxtB(); // 'BBBBB', 'AAAAA'

HTMLコード

<script type="module" scr="../app.js"></script>