webpack 异步加载组建 import() 方法 不需要引入就可以直接调用吗

Question

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

配置vue或react路由文件时 异步加载的组件 import() 却没有在文件中引入 而直接调用import()这个方法
这算是一种 针对webpack的硬编码吗？

Answer 1

这里由babel负责实现，需要在.babelrc中添加babel-plugin-syntax-dynamic-import

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

=== 更新 ===

之前的回答是错的，webpack2及以上原生支持dynamic-import，不需要额外的babel插件
相关issue : https://github.com/webpack/we...
feature PR : https://github.com/webpack/we...