10. 模塊

10.1?總是使用模組 (import/export) 而不是其他非標準模塊系統(tǒng)。你可以編譯為你喜歡的模塊系統(tǒng)。

為什么？模塊就是未來，讓我們開始邁向未來吧。

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

  // ok
  import AirbnbStyleGuide from './AirbnbStyleGuide';
  export default AirbnbStyleGuide.es6;

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

10.2?不要使用通配符 import。

為什么？這樣能確保你只有一個默認 export。

  // bad
  import * as AirbnbStyleGuide from './AirbnbStyleGuide';

  // good
  import AirbnbStyleGuide from './AirbnbStyleGuide';

10.3?不要從 import 中直接 export。

為什么？雖然一行代碼簡潔明了，但讓 import 和 export 各司其職讓事情能保持一致。

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

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