javascript importazione da '/ cartella' con index.js

Question

ho notato un paio di casi in cui ho visto qualcosa di simile al seguente:

// /reducers/reducer1.js 
 
export default function reducer1(state = {}, action){ 
 
    // etc... 
 
} 
 
    
 
// /reducers/reducer2.js 
 
export default function reducer2(state = {}, action){ 
 
    // etc... 
 
} 
 

 
// /reducers/index.js 
 
import { combineReducers } from 'redux'; 
 
import reducer1 from './reducer1'; 
 
import reducer2 from './reducer2'; 
 

 
export default combineReducers({ 
 
    reducer1, 
 
    reducer2 
 
}) 
 
    
 
// /store.js 
 
import masterReducer from './reducers'; 
 

 
export default function makeStore(){ 
 
    // etc... 
 
}

Avviso l'ultimo "file" dove chiamiamo import masterReducer from './reducers' - Alcune persone sembrano ritenere che ciò dovrebbe importare lo default export dal file index.js.

E 'questa parte delle specifiche? - La mia interpretazione/domanda è che questo è il risultato di molte persone che usano WebPack v1 che traduce le dichiarazioni import in dichiarazioni requires in stile CommonJS? O si interromperà in WebPack v2 con il supporto "ufficiale" import/export?

Answer 1

È questa parte delle specifiche?

No. Come identificatori di modulo ('./reducers' nel tuo caso) sono risolti ai moduli effettivi è lasciata alla implementazione del modulo caricatore/bundler, non è specificed da ES6. E non sembra essere specificato in CommonJs neanche.

Questo è il modo in cui il nodo lo fa: quando si richiede una directory, verrà utilizzato il file index.js. Bundle come browserify o webpack hanno seguito questa convenzione (per ragioni compat).