この文章は Salesforce 機械翻訳システムを使用して翻訳されました。詳細はこちらをご参照ください。
英語に切り替える

LightningComponentBundle

Lightning Web コンポーネントバンドルを表します。バンドルには、Lightning Web コンポーネントリソースが含まれます。

特別なアクセスルール

LightningComponentBundle コンポーネントは、名前空間が定義されている組織でのみ作成できます。

項目

項目名 項目の型 説明
apiVersion double コンポーネントを Salesforce API バージョンにバインドする double 値。
description string Lightning Web コンポーネントの説明。
isExplicitImport boolean ファイル間のインポートが開発者によって明示的に行われるか (true)、フレームワークによって暗黙的に行われるか (false) を示します。
isExposed boolean 管理パッケージでコンポーネントを使用できるか (true)、否か (false) を示します。
lwcResources LwcResources[] バンドル内のリソースのリスト。
masterLabel string リストビューに表示されるコンポーネントタイトル。
targetConfigs base64Binary 各対象の設定。各対象は Lightning ページ種別です。たとえば、この設定により、Lightning Web コンポーネントを Lightning アプリケーションビルダーの取引先責任者レコードページで使用できます。
1<targetConfigs>
2    <targetConfig targets="lightning__RecordPage">
3        <objects>
4            <object>Contact</object>
5        </objects>
6    </targetConfig>
7</targetConfigs>
targets Targets[] Lightning Web コンポーネントがサポートされる対象のリスト。各対象は、Lightning アプリケーションビルダーで設定可能な Lightning ページ種別です。

LwcResources

LightningComponentBundle 内のリソースのリストを表します。

項目 項目の型 説明
lwcResource LwcResource LightningComponentBundle 内のリソース。

LwcResource

LightningComponentBundle 内のリソースを表します。

項目 項目の型 説明
filePath string 必須。リソースのファイルパス。
source base64Binary 必須。リソースの内容。

Targets

Lightning Web コンポーネントでサポートされるコンテナのリストを表します。

項目 項目の型 説明
target string Lightning アプリケーションビルダーでコンポーネントを追加可能な Lightning ページの種別を指定します。
有効な値は、次のとおりです。
  • lightning__AppPage — コンポーネントを Lightning アプリケーションページで使用できるようにします。
  • lightning__HomePage — コンポーネントをカスタム Lightning ホームページで使用できるようにします。
  • lightning__RecordPage — コンポーネントを Lightning レコードページ (取引先や取引先責任者など) で収集できるようにします。

宣言的なメタデータの定義のサンプル

この package.xml ファイルは、組織のすべての LightningComponentBundle コンポーネントを取得します。
1<?xml version="1.0" encoding="UTF-8"?>
2<Package xmlns="http://soap.sforce.com/2006/04/metadata">
3    <types>
4        <members>*</members>
5        <name>LightningComponentBundle</name>
6    </types>
7    <version>45.0</version>
8</Package>

次の例は、LightningComponentBundle コンポーネントのディレクトリ構造を示します。

1lwc
2    hello
3        hello.html
4        hello.js
5        hello.js-meta.xml

次のサンプルでは、hello ディレクトリ内のファイルの内容を示します。

hello.html の内容:

1<template>
2
3    <lightning-card title="Hello" icon-name="custom:custom14">
4        <div class="slds-m-around_medium">
5            Hello, {greeting}!
6        </div>
7    </lightning-card>
8
9</template>

hello.js の内容:

1import { LightningElement, track } from 'lwc';
2
3export default class Hello extends LightningElement {
4    @track greeting = 'World';
5}
hello.js-meta.xml の内容。
1<?xml version="1.0" encoding="UTF-8"?>
2<LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata">
3    <apiVersion>45.0</apiVersion>
4    <isExposed>true</isExposed>
5    <targets>
6        <target>lightning__AppPage</target>
7        <target>lightning__RecordPage</target>
8        <target>lightning__HomePage</target>
9    </targets>
10</LightningComponentBundle>