为“unpkg”构建一个 Vue 组件答案

【问题标题】：Build a Vue component for "unpkg"为“unpkg”构建一个 Vue 组件
【发布时间】：2019-06-02 13:47:05
【问题描述】：

我想在 unpkg.com 上发布我的组件。实际上it is there，但不起作用。我尝试使用与我的 npm 构建相同的构建 (umd)，但我认为我需要一个特定的构建用于 unpkg。以下是我现在package.json 的相关部分：

  ...
  "main": "dist/vuePolar.umd.js",
  "unpkg": "dist/vuePolar.umd.min.js",
  "scripts": {
    "package": "vue-cli-service build --target lib --name vuePolar src/components/Polar.vue",
    ...
  }

我怀疑我需要构建一个 IIFE 而不是 UMD 文件，但我的 dist 文件夹中没有类似的东西：

demo.html
vuePolar.common.js
vuePolar.common.js.map
vuePolar.umd.js
vuePolar.umd.js.map
vuePolar.umd.min.js
vuePolar.umd.min.js.map

知道如何获得适用于 unkpg 的构建吗？

【问题讨论】：

标签： javascript vue.js npm build components

【解决方案1】：

实际上，可以将您的组件发布为 UMD。我必须在 Vue 实例中注册我的组件，如下所示：

<div id="app">
    <polar :item="3">hoi</polar>
</div>

<script>
    var app = new Vue({
        el: '#app',
        components: { polar: vuePolar},
    })
</script>

现在可以了。我被一个不需要注册组件的示例弄糊涂了。

【讨论】：