大家在寫前端代碼時會發(fā)現(xiàn)齿坷,從外部用import引入進(jìn)來的文件透硝,有的需要用{},有的不需要用宪肖,仔細(xì)想想它們還是有區(qū)別的表制,下面我就來告訴大家如何正確的使用{}導(dǎo)入模塊。
首先是這種沒用{}進(jìn)行導(dǎo)入的控乾,原因是它是用export default默認(rèn)導(dǎo)出的么介,我們從外部文件引入進(jìn)來的也就這一個默認(rèn)的,而且它的名字可以是任意的蜕衡。
不過一般我們常常就用默認(rèn)導(dǎo)出的名字來引入進(jìn)來壤短。
接下來就是這種用{}進(jìn)行導(dǎo)入的,它是明確聲明過的然后用export導(dǎo)出的慨仿,并且引入時它的名字不能是任意的久脯,要根據(jù)導(dǎo)出時聲明過的名字一致。
還有就是組件引用的導(dǎo)入:
細(xì)心的人會發(fā)現(xiàn)镰吆,這個也是export default導(dǎo)出的帘撰,為什么需要用{}呢,原因是我們只想用組件庫里面的這些組件万皿,但事實上我們把整個組件庫都引進(jìn)來了摧找,如果你需要按需引入,需要下載babel-plugin-import插件按需加載效果牢硅,然后就可以import Button from 'antd/lib/button'這樣按需引入啦蹬耘。
關(guān)于import的導(dǎo)入就講這么多啦,如果大家覺得有什么不對的或者有發(fā)現(xiàn)其他的可以和我說哦减余,蟹蟹大家啦综苔!