非推奨

次世代プラットフォーム

Yarn および Angular CLI コマンド

このトピックは、アプリケーション開発に必要な Yarn および Angular CLI コマンドのリファレンスとして役立ちます。

表 1. YarnとCLIコマンドのリファレンス
Yarn コマンド・リファレンス	目的
`yarn start`	ビルド (JIT モード) を行い、HMR が有効になっているポート 4500 でブラウザーをカスタマイズしてアプリケーションにサービスを提供します。
`yarn start-aot`	AOT モードのビルド & は、HMR が有効になっているポート 4500 で、ブラウザーに対するカスタマイズをアプリケーションに提供します。
`yarn lint`	アプリケーションに対して linting を実行し、修正されるコード違反を報告します。注: 現在、linting は src と store-extensions-src の両方のソース・コード・ファイルで実行されます。エラー/警告の linting は、 store-extensions-src ソース・コード・ファイルでのみ修正する必要があります。アプリケーション提供のソース・コード (<WORKSPACE>/storefrontend/src) で報告された警告を無視する必要があります。
`yarn test-prod`	カスタマイズの単体テスト・ケースを実行します。
`yarn build-dist`	アプリケーションの実動ビルドを作成し、その出力を dist ディレクトリーにコピーします。このコマンドは、カスタマイズの変更をクラウド環境にプッシュする前に使用する必要があります。注: 変更をソース管理にプッシュする前に、必ず <store_temp> ディレクトリーで `yarn ear-build-prod` コマンドを実行してください。 `yarn ear-build-prod` コマンドが失敗すると、クラウド環境でのカスタマイズ jar のデプロイメントも失敗します。そのため、このコマンドを実行して、結果が成功することが重要です。
`yarn verify`	アプリケーションで linting を実行し、単体テスト・ケースを実行し、アプリケーションの実稼働ビルドを作成します。
`yarn verify-wc`	アプリケーションに対して linting を実行し、アプリケーションの実動ビルドを作成します。

表 2. 重要なAngular CLIコマンドリファレンス
コマンド	目的
`ng g c --project=store-extensions --skip-import`	store-extensions-src フォルダーにコンポーネント・ファイルを生成します。
`ng g d --project=store-extensions --skip-import`	ディレクティブ・ファイルを store-extensions-src フォルダーに生成します。
`ng g s --project=store-extensions`	store-extensions-srcにプロバイダー・ファイルを生成します。
`ng g m --project=store-extensions`	store-extensions-src にモジュール・ファイルを生成します。

注:

--project=store-extensions 引数を渡す必要があります。これを行わないと、アプリケーション提供の src フォルダー (<WORKSPACE>/store-frontend/src) にコンポーネントが作成されます。ここで作成されたファイルは無視され、ブラウザーでレンダリングされません。
--skip-import オプションは、アプリケーション提供のフィーチャー・モジュールでコンポーネントまたはディレクティブを作成する場合にのみ使用してください。この引数は、カスタム・フィーチャー・モジュールでコンポーネントまたはディレクティブを作成するときには無視できます。