遅い Liferay Experience Cloud を解決する方法 - 多くの React モジュールを含めると自己管理型のビルド時間が発生する

ご覧のページは、お客様の利便性のために一部機械翻訳されています。また、ドキュメントは頻繁に更新が加えられており、翻訳は未完成の部分が含まれることをご了承ください。最新情報は都度公開されておりますため、必ず英語版をご参照ください。翻訳に問題がある場合は、こちらまでご連絡ください。

問題

• Liferay ワークスペースに React モジュールを追加した後、(通常はタイムアウトによる) 一貫したビルドの失敗が見られます。 回避策として、十分な時間が与えられた場合 (つまり、 LCP_CI_BUILD_TIMEOUT_MINUTES をデフォルトの 30 分ではなく複数時間に設定することによって) ビルドは成功しますが、同じビルドをローカルでコンパイルすると、より迅速に完了することができます (両方ともデフォルトの NPM ノード パッケージ マネージャーを使用しています)。
• CI のインフラ サービス内でビルド時間を短縮することは可能ですか?

Environment

• Liferay Experience Cloud - 自己管理型

解決策

Liferay サポートは、特定のサードパーティ製品を他の製品よりも推奨または支持するものではありません。 Liferay によって作成されたものではない製品について提供される情報は参照のみを目的としており、これらの原則の実装はチームの裁量に委ねられます。 Liferay サポートは、カスタマイズの設計または実装を支援することはできません。

• 一部の環境 (特に多くのフロントエンド モジュールが含まれている環境) では、NPM の代わりに Yarn を使用するように Liferay ワークスペースを切り替えることで、ビルド時間を大幅に短縮できます。 これは、gradle.properties ファイルで次のプロパティを設定することで実行できます。
  

  liferay.workspace.node.package.manager=yarn

追加情報

• このような場合、初期の遅さは、キャッシングが新しいワークスペースで使用されていないときに NPM がアーティファクトを処理する方法が原因である可能性があります (Liferay Experience Cloud - SM CI ビルドの場合)。 node_modules フォルダーが含まれているため、各モジュール ビルドは最終的に必要なアーティファクトをダウンロードし、アーティファクトが複数のモジュールに必要な場合はダウンロードを複数回繰り返します (より多くのモジュールがワークスペースに追加されると複雑になります)。 Yarn を使用する場合、キャッシュが含まれるため、React の コピーが 1 つだけダウンロードされ、すべてのモジュール ビルドで再利用されます。
• Yarn と NPM の切り替えは 1:1 の置き換えではないため (Yarn と NPM の解決方法が異なるため)、推移的な依存関係を解決する必要がある場合もあります。
• 詳細については、次のドキュメントを参照してください。
  • ブログ投稿: Yarn ワークスペースを組み込むことにより、Liferay Gradle ワークスペースで JS ビルドを最適化する (ブログ投稿は Liferay サポートによって維持またはサポートされていないことに注意してください)
  • Liferay Workspace
  • Liferay Workspace の環境設定の設定
  • フロントエンド リファレンスの紹介