1

设想

作为我的原型设计过程的一部分，我想引入 tween.js，我可以使用<script>html 部分上的标签来实现，但出于各种原因，我想将这个 vanilla es5 文件直接导入到我的 es6 文件中。

我想做的是

import * as TWEEN from 'import * as TWEEN from 'https://cdnjs.cloudflare.com/ajax/libs/tween.js/16.7.0/Tween.min.js'

虽然这似乎加载了远程文件，但我似乎没有得到诸如TWEEN.Tweenetc 之类的方法。我怀疑所有 es5 都在某种关闭真空 > 垃圾收集中被处理掉了。

问题

我意识到我可以在本地克隆这个文件，但我希望通过导入并不总是对 es6 友好的 cdn 文件来简化我的一次性样式原型设计。这可行吗？

4

1 回答 1

1

如果你想Tween.min.js通过标签注入托管在 CDN 上的script，它将是UMD模块，它与模块不兼容ESM。

但是，您可以通过window对象使用/调用它，而不是像上面描述的那样导入它：

window.TWEEN在您的 esm 模块中。

何时Tween.min.js加载并执行它将附加到window对象。

只是为了确保您首先在 HTML 端单独加载该脚本，在您的 esm 脚本/应用程序之前，否则window.TWEEN可能是未定义的。

于 2021-05-17T19:21:28.017 回答