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

时间:2019-04-08 11:08:06

标签: javascript html5 polymer web-component

我想在不使用任何程序包管理器或JavaScript版本的情况下向静态网页添加一些Web组件。

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

const emailVerifyTokenSchema = new mongoose.Schema({
  // ...other fields
  createdAt: { type: Date, required: true, default: Date.now, expires: 43200 },
})

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

但是由于未满足对等项依赖性而失败。

我的问题是:是否有地方可以找到预编译的自包含Web组件,可以轻松将其导入到我的应用程序中;或者,如果我不想建立JS构建,我必须扮演角色包裹经理本人?

1 个答案:

答案 0 :(得分:2)

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

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