Question

我正在使用vue-cli 3将vue组件捆绑到Web组件中，使用类似这样的命令：

package.json

"build:wc": "vue-cli-service build --target wc-async --name webcomponent-global 'src/components/*/*.vue'"

这一切都很好，但是根据docs，您需要一个全局vue依赖项才能使其正常工作，因为vue运行时已从构建中排除：

请注意，该捆绑包依赖于Vue在页面上全局可用。

这迫使我使用两个脚本标签包含Web组件，如下所示：

<script src="https://unpkg.com/vue"></script>
<script src="path/to/my-element.js"></script>

<!-- use in plain HTML, or in any other framework -->
<my-element></my-element>

有什么方法可以告诉vue-cli将vue依赖项包含在webcomponent捆绑包本身中，以便仅包含一个脚本即可使web组件正常工作。

Answer 1

您可以通过传递-inline-vue 标志来内联Vue，如下所示： https://cli.vuejs.org/guide/build-targets.html#web-component

使用vue-cli 3将vue依赖项绑定到Web组件构建中

1 个答案: