javascript - 在没有包管理器的情况下使用 Polymer Web 组件

Question

我想在不使用任何包管理器或 JavaScript 构建的情况下将一些 Web 组件添加到静态网页。

基于 https://www.webcomponents.org/introduction#how-do-i-use-a-web-component-我尝试通过 unpkg 更改导入它

<script type="module" src="node_modules/@polymer/paper-button/paper-button.js"></script>

到

<script type="module" src="https://unpkg.com/@polymer/paper-button/paper-button.js"></script>

但由于未满足对等依赖性，它失败了。

我的问题是:是否可以在某个地方找到可以轻松导入我的应用程序的预编译自包含 Web 组件，或者如果我不想设置 JS 构建，我必须扮演人类 Angular 色包管理器我自己？

Answer 1

您可以通过将 ?module 附加到 unpkg URL 来做到这一点

 <script type="module" src="https://unpkg.com/@polymer/paper-button/paper-button.js?module"></script>