为“ 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",
    ...
  }

我怀疑我需要构建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的版本？

Answer 1

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

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

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

现在可以使用了。我对一个不需要注册组件的示例感到困惑。