프론트엔드 종속성

프론트엔드 종속성을 관리하기 위해 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 repository에서) ㅡ 이는 종속성 트리에서 충돌을 일으킬 수 있기 때문입니다. 차단된 종속성은 GitLab package.jsonblockedDependencies 속성에 선언됩니다.

종속성 노트

BootstrapVue

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