프론트엔드 의존성

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

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

프로덕션 및 개발 의존성이란?

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

webpack-bundle-analyzer와 같은 툴과 같이 compile-production-assets CI 작업에서 필요한 몇 가지 도구들에 대한 예외가 있습니다.

의존성 업데이트

의존성 업데이트에 대한 일반 정보는 주요 Dependencies 페이지를 참조하세요.

차단된 의존성

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

의존성 참고 사항

BootstrapVue

BootstrapVue는 Vue.js와 Bootstrap으로 구축된 컴포넌트 라이브러리입니다. GitLab UI에서 BootstrapVue 컴포넌트를 래핑하여 Pajamas Design System에서 지정된 시각적 스타일 및 사용 가이드를 적용합니다. 이 이유로 우리는 GitLab 리포지터리에 직접적으로 BootstrapVue를 설치하지 않는 것을 권장합니다. 대신, 먼저 GitLab UI에서 사용하려는 BootstrapVue 컴포넌트의 래퍼를 만드십시오.