• 本番環境と開発環境の依存関係とは何ですか？
• 依存関係の更新
  • ブロックされた依存関係
• 依存関係の注意事項
  • BootstrapVue

フロントエンドの依存関係

フロントエンドの依存関係を管理するためにyarn@1を使います。

GitLabリポジトリにはいくつかの例外があり、vendor/assets/ 。

本番環境と開発環境の依存関係とは何ですか？

これらの依存関係は、package.json 内の2つのグループ、dependencies とdevDependenciesで定義されています。私たちの目的では、本番アセットをコンパイルするために必要なものはすべて、「本番」依存関係とみなします。つまり、NODE_ENV=productionでwebpack スクリプトを実行するために必要なものです。eslintやjestのようなツールや、開発で使用されるさまざまなプラグインやツールは、devDependenciesと見なされます。この区別は、omnibusがGitLabをビルドするときに必要な依存関係を決定するために使われます。

compile-production-assets CIジョブで必要なツールの中には、本番アセットをポストコンパイルで分析するためのwebpack-bundle-analyzer のような例外もあります。

依存関係の更新

依存関係の更新に関する一般的な情報は、メインの依存関係のページを参照してください。

ブロックされた依存関係

GitLabリポジトリにいくつかの依存関係をインストールすることは、依存関係ツリーにコンフリクトを引き起こす可能性があるため、お勧めしません。ブロックされた依存関係はGitLabpackage.jsonのblockDependencies プロパティで宣言されます。

依存関係の注意事項

BootstrapVue

BootstrapVueはVue.jsとBootstrapで作られたコンポーネントライブラリです。BootstrapVueのコンポーネントをGitLab UIでラップすることで、Pajamas Design Systemで指定されたビジュアルスタイルと使用ガイドラインを適用することを目的としています。このため、GitLabリポジトリに直接BootstrapVueをインストールしないことをお勧めします。その代わりに、GitLab UIで使用したいBootstrapVueコンポーネントのラッパーを最初に作成してください。