鍍金池/ 問(wèn)答/HTML/ webpack 異步加載組建 import() 方法 不需要引入就可以直接調(diào)用

webpack 異步加載組建 import() 方法 不需要引入就可以直接調(diào)用嗎

const record = asyncComponent(() => import("@/pages/record/record"));

配置vue或react路由文件時(shí) 異步加載的組件 import() 卻沒有在文件中引入 而直接調(diào)用import()這個(gè)方法
這算是一種 針對(duì)webpack的硬編碼嗎?

回答
編輯回答
吃藕丑

這里由babel負(fù)責(zé)實(shí)現(xiàn),需要在.babelrc中添加babel-plugin-syntax-dynamic-import

https://babeljs.io/docs/plugi...

=== 更新 ===

之前的回答是錯(cuò)的,webpack2及以上原生支持dynamic-import,不需要額外的babel插件
相關(guān)issue : https://github.com/webpack/we...
feature PR : https://github.com/webpack/we...

2017年1月27日 21:23