ES6 import 导出规则

Question

最近在看redux, git clone https://github.com/reactjs/redux.git自己在实践过程中，发现一个问题就是 import 导入的时候，没有完整的导入路径，也能生效，import counter from './reducers' import counter from './reducers'/index, 这里的index为什么可以省略？没有配置什么规则，webpack里面配置规则也只是允许扩展后缀为.js？不是很懂！import React from 'react'import ReactDOM from 'react-dom'import {      createStore } from 'redux'import Counter from './components/Counter'import counter from '.     /reducers'const store = createStore(counter);const rootEl = document.getElementById('root');     const render = () => ReactDOM.render(         <Counter              value={store.getState()}             onIncrement={() => store.dispatch({type: 'INCREMENT'})}             onDecrement={() => store.dispatch({type: 'DECREMENT'})}         />,         rootEl     ); render(); store.subscribe(render);

Answer 1

ECMAScript 6 入门 - Module

在第 11 部分 跨模块常量，有提到过 index.js 问题，默认加载就是 index.js，

仔细阅读，你会对 import 了解到，这个教程写的真好！