溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
今天查閱資料時發現，無論是阮一峰還是Mozilla網站有關ES6 import命令介紹部分都沒有細致地提供這個命令后面可以跟一個文件路徑的更多的細節。
其實，import命令一個典型的表達是其后面的from子句中可以直接跟一個路徑（也常常跟一個省略.js擴展名的JS模塊文件名）。
此時，ES6在解析時會到指定路徑下查找一個名字為index.js的文件。注意：js文件只能用index.js，換其他名字都會報錯！！！
有關import命令的上述情況的一個典型應用是，把此文件夾下其他.js模塊文件需要導出的內容匯總到這個index.js文件中，再有此文件統一導出必要的變量、函數和對象等提供給其他模塊使用。
例如，在文件夾reducers下有文件index.js、visibilityFilter.js和todos.js等，在index.js文件中創建如下內容：
import {combineReducers} from 'redux'
import todos from './todos'
import visibilityFilter from './visibilityFilter'
export default combineReducers({
todos,
visibilityFilter
})然后，在接下來的其他應用模塊文件中就可以建立如下代碼：
**import rootReducer from './reducers'**
import './index.css';
import App from './components/App';
import registerServiceWorker from './registerServiceWorker';
**const store=createStore(rootReducer)**
ReactDOM.render(
<Provider store={store}>
<App />
</Provider>,
document.getElementById('root')
);免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
