1

我正在使用 vue-cli 3 将我的 vue 组件捆绑到 Web 组件中,使用类似的命令:

包.json

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

这一切都很好,但是根据文档,您需要一个全局 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 组件正常工作。

4

1 回答 1

2

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

于 2019-11-01T13:52:40.850 回答