4

私は Vue.js を初めて使用し、それを使用して Web コンポーネントの SDK を作成したいと考えています。次のような 1 つの Web コンポーネントを作成できます。

main.js:

import Vue from 'vue';
import App from './App.vue';
import wrap from '@vue/web-component-wrapper';

const customElement = wrap(Vue, App);

window.customElements.define('sky-chat', customElement);

CLI コマンド:

vue build --target wc --name sky-chat ./src/main.js

ただし、これは 1 つのコンポーネントのみです。一度に複数の .vue ファイルを作成して、Web コンポーネントを個別の js ファイルに分割するにはどうすればよいですか?

ビルド後にdistフォルダーでテストするために、内部にすべてのコンポーネントを自動的に含むテストhtmlを生成するにはどうすればよいですか?

ありがとう

4

2 に答える 2