import 構文

ECMAScript

2種類ある

  • default import
  • named import

default import

export default 文によってexportされた値は、import時に任意の名前を付けることができる

lib.js

export default 42

app.js

import A from './lib.js'
import Num from './lib.js'

named import

export 文によっってexportされた変数や関数、クラスは、ブラケットを付けてimportする

lib.js

export const A = 42

app.js

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

名前はカスタマイズできない

// NG
import { Num } from './lib.js'

混載が可能

lib.js

export default 42
export const myA = 43
export const Somthing = 44

app.js

import A, { myA as myX, Something as XSomething } from './lib.js'

参照

stackoverflow.com