프론트엔드 종속성

프론트엔드 종속성을 관리하기 위해 yarn@1을 사용합니다.

GitLab 리포지토리에는 vendor/assets/에 저장된 몇 가지 예외사항이 있습니다.

프로덕션 및 개발 종속성이 무엇인가요?

이러한 종속성은 package.json 내의 두 그룹, dependenciesdevDependencies에서 정의됩니다. 우리의 목적을 위해, 프로덕션 자산을 컴파일하는 데 필요한 것은 “프로덕션” 종속성으로 간주됩니다. 즉, NODE_ENV=production과 함께 webpack 스크립트를 실행하는 데 필요한 모든 것입니다. eslint, jest 및 개발에 사용되는 다양한 플러그인 및 도구와 같은 도구들은 devDependencies로 간주됩니다. 이 구별은 omnibus가 GitLab을 빌드할 때 필요한 종속성을 결정하는데 사용됩니다.

webpack-bundle-analyzer와 같은 일부 도구를 사용하여 컴파일 후에 프로덕션 자산을 분석하는 compile-production-assets CI 작업에 대한 예외사항이 있습니다.

종속성 업데이트

종속성 업데이트에 대한 일반적인 정보는 주요 종속성 페이지를 참조하세요.

차단된 종속성

일부 종속성은 종속성 트리에서 충돌을 일으킬 수 있기 때문에 GitLab 리포지토리에 설치하는 것을 권장하지 않습니다. 차단된 종속성은 GitLab package.jsonblockedDependencies 속성에 선언됩니다.

종속성 참고 사항

BootstrapVue

BootstrapVue는 Vue.js와 Bootstrap으로 구축된 컴포넌트 라이브러리입니다. 우리는 BootstrapVue 컴포넌트를 GitLab UI에 래핑하여 Pajamas Design System에서 지정된 시각적 스타일과 사용 지침을 적용하기 위해 사용합니다. 이러한 이유로 GitLab 리포지토리에 BootstrapVue를 직접 설치하지 않는 것을 권장합니다. 대신에 먼저 GitLab UI에 사용하려는 BootstrapVue 컴포넌트를 래핑하세요.