10.3Modules / No Export from Import

インポートから直接エクスポートしない

インポートから直接エクスポートしないでください。インポートとエクスポートの方法を明確に分けることで、一貫性が保たれます。

`export { es6 as default } from ...` のような一行の構文は簡潔ですが、モジュールの役割が曖昧になります。一度モジュール内で変数に受け取ってからエクスポートすることで、「このモジュールは `AirbnbStyleGuide` から `es6` をインポートし、それをデフォルトエクスポートする」という役割が明確になります。

❌ Bad

// bad
// filename es6.js
export { es6 as default } from './AirbnbStyleGuide';

✅ Good

// good
// filename es6.js
import { es6 } from './AirbnbStyleGuide';
export default es6;