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

Using Polymer web components with no package manager

我想在不使用任何包管理器或 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 构建我是人工包管理员?

您可以通过将 ?module 附加到 unpkg URL

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