为“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>

现在它有效。我对一个不需要注册组件的例子感到困惑。