10.1Modules / import/export

ESモジュールを使用する

非標準のモジュールシステムよりも、常にモジュール (`import`/`export`) を使用します。

ESモジュールはJavaScriptの標準機能です。`require`を使うCommonJSとは異なり、ESモジュールは静的解析が可能で、ビルド時に不要なコードを削除するTree Shakingなどの最適化に有利です。また、循環参照にも強いという特徴があります。将来性を見据え、標準機能であるESモジュールを使いましょう。

❌ Bad

// bad
const AirbnbStyleGuide = require('./AirbnbStyleGuide');
module.exports = AirbnbStyleGuide.es6;

✅ Good

// best
import { es6 } from './AirbnbStyleGuide';
export default es6;