通过导入将普通ES5js文件加载到ES6环境中



场景

作为原型制作过程的一部分,我想引入tween.js,我可以在html部分使用<script>标记来完成这项工作,但由于各种原因,我想将这个香草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.Tween等方法。我怀疑所有的es5都是在某种封闭真空中处理的>垃圾收集。

问题

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

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

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

esm模块中的window.TWEEN

Tween.min.js将被加载和执行时,它将被附加到window对象。

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

相关内容

  • 没有找到相关文章

最新更新