为"unpkg“构建一个Vue组件

Question

我想在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",
    ...
  }

我怀疑我需要构建一个like而不是一个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一起工作的版本吗？

Answer 1

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

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

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

现在它起作用了。我被一个不需要注册组件的示例搞糊涂了。