在 Babel 7 中,你可以使用 @babel/plugin-syntax-dynamic-import 插件来解决不能转译供应商块的问题。以下是一个示例的解决方法:
首先,安装 @babel/plugin-syntax-dynamic-import 插件:
npm install --save-dev @babel/plugin-syntax-dynamic-import
然后,在你的 Babel 配置文件(通常是 .babelrc 或 babel.config.js)中添加插件配置:
{
"plugins": ["@babel/plugin-syntax-dynamic-import"]
}
接下来,你可以使用 Babel 转译包含供应商块的代码。例如,以下是一个示例代码:
import(/* webpackChunkName: "vendor" */ 'lodash').then((_) => {
// 使用 lodash 模块
});
现在,Babel 会正确转译包含供应商块的代码,并且你可以在支持动态导入的环境中使用它们了。