EmberJs - 无法实现动态导入polyfill

Question

我们正在尝试实现 dynamic-import-polyfill 来导入外部文件 Ember 编译时间（构建时间）。

遵循https://github.com/GoogleChromeLabs/dynamic-import-polyfill中提到的步骤

但在 ember-cli-build.js 中添加以下代码行时卡住了。

以下导入工作正常，因为这样我可以成功启动 ember 服务器

从'dynamic-import-polyfill'导入dynamicImportPolyfill；

但只要我添加以下行，ember 服务器就会在启动和停止时引发异常

dynamicImportPolyfill.initialize({ modulePath: '/web-app', // 默认为 '.' importFunctionName: '$$$import' // 默认为 'import' });

在检查错误日志时发现以下错误

堆栈：ReferenceError：未定义位置 在 Object.e.initialize (C:\code\Project-Chimps\source\web-app\node_modules\dynamic-import-polyfill\dist\dynamic-import-polyfill.umd.js:1:366)

尝试了很多网站，但没有找到合适的示例：

在定义 dynamicImportPolyfill.initialize({.... modulePath 的值应该是什么：

我不理解关于 modulePath 的以下信息

模块路径字符串
所有相对导入 URL 将从其解析的路径。

默认值：'.'

这应该是部署生产模块的目录的绝对路径（例如 /public/）。如果给定一个相对路径，它将针对当前页面的 URL 进行解析。

请帮助我们举例说明我如何在 EmberJs 中使用 dynamic-import-polyfill

Answer 1

无需为您的 ember 应用添加此 polyfill。 ember-auto-import 在一些 additional configuration 之后已经支持此功能。一旦你安装并配置了ember-auto-import，你就可以动态地导入任何 NPM 包，它只会在需要时加载。

添加和配置ember-auto-import 的步骤很快就不需要了，因为 Ember Octane 版（定于 2019 年 11 月完成）将默认在所有应用中包含此功能。