Hatena::ブログ(Diary)

わからん

2016.08.18

[] import/export での index.js の活用

List ディレクトリの直下に index.js を用意すると、

import の from のところを List というディレクトリ名の指定だけですませることで、index.js が読み込まれる。

だから、以下のような構造でモジュールがあるときには、

List
├── List.js
├── ListItem.js
├── MakeSelectable.js
└── index.js

index.js で以下のように記述すれば、

export List from './List';
export ListItem from './ListItem';
export MakeSelectable from './MakeSelectable';

export default from './List';

List, ListItem, MakeSelectable の取得を以下のように一行で行えるようになる。

import { List, ListItem, MakeSelectable } from 'path/to/List';
Google