コンポーネントフォルダ
コンポーネントの HTML ファイル
コンポーネントの JavaScript ファイル
コンポーネントの設定ファイル
コンポーネントの CSS ファイル
コンポーネント SVG アイコン
追加の JavaScript ファイル
コンポーネントテスト
コンポーネントの名前空間
モバイル対応のコンポーネント
HTML 要素を作成する JavaScript ファイルに加えて、コンポーネントのフォルダには、他の JavaScript ファイルも含めることができます。この JavaScript ファイルを使用して UI コンポーネントでコードを作成し、サービスコンポーネントからコードを共有します。
これらの追加の JavaScript ファイルは、ES6 モジュールにする必要があります。また、これらのファイルの名前は、コンポーネントのフォルダ内で一意でなければなりません。
1myComponent
2 ├──myComponent.html
3 ├──myComponent.js
4 ├──myComponent.js-meta.xml
5 ├──myComponent.css
6 ├──someUtils.js
7 └──someMoreUtils.jsJavaScript ファイル内の関数や変数をエクスポートして、コンポーネントのメイン JavaScript ファイルでインポートできるようにします。
関連トピック
The Japanese Summer '24 guide is now live