問題

今天查閱資料時(shí)發(fā)現(xiàn)，無論是阮一峰還是Mozilla網(wǎng)站有關(guān)ES6 import命令介紹部分都沒有細(xì)致地提供這個(gè)命令后面可以跟一個(gè)文件路徑的更多的細(xì)節(jié)。

成都創(chuàng)新互聯(lián)公司是一家專注于網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作與策劃設(shè)計(jì),原陽網(wǎng)站建設(shè)哪家好?成都創(chuàng)新互聯(lián)公司做網(wǎng)站,專注于網(wǎng)站建設(shè)十年,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:原陽等地區(qū)。原陽做網(wǎng)站價(jià)格咨詢:18982081108

其實(shí)，import命令一個(gè)典型的表達(dá)是其后面的from子句中可以直接跟一個(gè)路徑（也常常跟一個(gè)省略.js擴(kuò)展名的JS模塊文件名）。

此時(shí)，ES6在解析時(shí)會(huì)到指定路徑下查找一個(gè)名字為index.js的文件。注意：js文件只能用index.js，換其他名字都會(huì)報(bào)錯(cuò)?。?！

典型應(yīng)用

有關(guān)import命令的上述情況的一個(gè)典型應(yīng)用是，把此文件夾下其他.js模塊文件需要導(dǎo)出的內(nèi)容匯總到這個(gè)index.js文件中，再有此文件統(tǒng)一導(dǎo)出必要的變量、函數(shù)和對象等提供給其他模塊使用。
例如，在文件夾reducers下有文件index.js、visibilityFilter.js和todos.js等，在index.js文件中創(chuàng)建如下內(nèi)容：

import {combineReducers} from 'redux'
import todos from './todos'
import visibilityFilter from './visibilityFilter'

export default combineReducers({
    todos,
    visibilityFilter
})

然后，在接下來的其他應(yīng)用模塊文件中就可以建立如下代碼：

**import rootReducer from './reducers'**

import './index.css';
import App from './components/App';
import registerServiceWorker from './registerServiceWorker';

**const store=createStore(rootReducer)**

ReactDOM.render(
    
    
    ,
    document.getElementById('root')
);