具有javascript依赖关系的lit-element，未打包为es6模块（尚未）

Posted 2021-04-12

我正在创建一个lit-element，它有一个外部javascript依赖项（npm模块），没有打包为es6模块。加载此依赖项的推荐方法是什么？

我应该在index.html中使用脚本标记来引用此模块的cdn版本

//index.html
<script src="cdnToexternalJavascriptDependcy"></script>

但是这不会将依赖关系封装在lit-element中。

在Polymer中，我们可以在html文件中使用HTMLImports并“导入”它来处理依赖项的重复数据删除。

对于lit-element，在不使用像webpack这样的捆绑器的情况下，在我的自定义lit-element中封装这个“非es6模块”依赖项的推荐方法是什么？

答案

您可以将其作为普通脚本加载。如果从CDN加载它，它将不包含在捆绑包中。如果在使用polymer build时从node_modules文件夹加载它，它将捆绑依赖项。