up:: js

exportは変数や関数やクラス(ひっくるめてモジュール)を他のファイルから扱えるようにする奴。
これにdefaultを付けると、そのファイルにおいてそのモジュールだけをexportする。なので省略して呼び出せる。

//Message.js
const message = "Hello, world!";
export default message;
 
//Main.js
import message from './Message.js';
 
console.log(greeting); // "Hello, world!" が出力されます

ES6からdefault推奨。
責務が分解できるし、分かる。

また、どのモジュールを呼び出すかすでに決まっているため、名前を変更して呼び出すこともできる。

import greeting_message from './Message.js';