使用import取代require

首先，Module 語法是 JavaScript 模塊的標準寫法，堅持使用這種寫法。使用import取代require。

// bad const moduleA = require('moduleA'); const func1 = moduleA.func1; const func2 = moduleA.func2;  // good import { func1, func2 } from 'moduleA'; 

使用export取代module.exports。

// commonJS的寫法 var React = require('react'); var Breadcrumbs = React.createClass({ render() { return <nav />; } }); module.exports = Breadcrumbs;  // ES6的寫法 import React from 'react'; class Breadcrumbs extends React.Component { render() { return <nav />; } }; export default Breadcrumbs; 

若是模塊只有一個輸出值，就使用export default，若是模塊有多個輸出值，就不使用export default，export default與普通的export不要同時使用。

不要在模塊輸入中使用通配符。由於這樣能夠確保你的模塊之中，有一個默認輸出（export default）。

// bad import * as myObject from './importModule';  // good import myObject from './importModule'; 

若是模塊默認輸出一個函數，函數名的首字母應該小寫。

function makeStyleGuide() { } export default makeStyleGuide; 

若是模塊默認輸出一個對象，對象名的首字母應該大寫。

const StyleGuide = { es6: { } }; export default StyleGuide;