我正在使用 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 组件正常工作。