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 了解到，这个教程写的真好！

Answer 2

参看：1.webpack官网2.x中文文档/概念/模块解析/模块路径部分;（你会发现提到了resolve.mainFiles，其实也就是webpack把这个目录路径当做了模块路径来解析。）

 2.转到webpack官网2.x中文文档/配置/resolve.mainFiles；
 3.公布答案吧，
 resolve.mainFiles
    【array】

解析目录时要使用的文件名。默认：

mainFiles: ["index"]

Answer 3

index.js是默认的，不用写。

Answer 4

spec.js:这类的文件有什么用呢