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>