小编jam*_*air的帖子

如何使用 babel 预设环境保留动态导入语句?

我正在创建包含用于代码分割的动态导入的共享模块。

我有这样的代码:

import('./moduleA').then(/* do stuff */)
Run Code Online (Sandbox Code Playgroud)

然而 babel 将此编译为延迟的 require,从而阻止 Webpack 进行代码分割。

转换后的结果如下所示:

Promise.resolve().then(() => require('./moduleA')).then(/* do stuff */)
Run Code Online (Sandbox Code Playgroud)

我的.babelrc.json很简单,只包含:

{
  "presets": ["@babel/preset-env"]
}
Run Code Online (Sandbox Code Playgroud)

如何在 babel 转换后的代码中保留动态导入?

javascript dynamic-import webpack babeljs

6
推荐指数
1
解决办法
5596
查看次数

标签 统计

babeljs ×1

dynamic-import ×1

javascript ×1

webpack ×1