프론트엔드 의존성

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

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

프로덕션 의존성과 개발 의존성은 무엇인가요?

이러한 의존성은 package.json 내의 두 그룹인 dependencies와 devDependencies에 정의됩니다.

우리의 목적을 위해, 우리는 프로덕션 자산을 컴파일하는 데 필요한 모든 것을 “프로덕션” 의존성으로 간주합니다.

즉, NODE_ENV=production과 함께 webpack 스크립트를 실행하는 데 필요한 모든 것입니다.

eslint, jest와 개발에서 사용하는 다양한 플러그인과 도구들은 devDependencies로 간주됩니다.

이 구분은 omnibus가 GitLab을 빌드할 때 필요한 의존성을 결정하는 데 사용됩니다.

일부 도구는 compile-production-assets CI 작업에서 필요하기 때문에 예외가 적용됩니다.

예를 들어, 프로덕션 자산을 컴파일 후 분석하기 위한 webpack-bundle-analyzer와 같은 도구들입니다.

의존성 업데이트

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

차단된 의존성

우리는 GitLab 리포지토리에서 일부 의존성을 설치하는 것을 권장하지 않습니다.

왜냐하면 그것들이 의존성 트리에 충돌을 일으킬 수 있기 때문입니다.

차단된 의존성은 GitLab package.json의 blockedDependencies 속성에 선언되어 있습니다.

의존성 노트

BootstrapVue

BootstrapVue는 Vue.js와 Bootstrap으로 구축된 컴포넌트 라이브러리입니다.

우리는 GitLab UI에서 BootstrapVue 컴포넌트를 래핑하여

Pajamas Design System에 명시된 시각적 스타일과 사용 지침을 적용하는 목적으로 사용합니다.

이러한 이유로 우리는 GitLab 리포지토리에서 BootstrapVue를 직접 설치하지 않는 것을 권장합니다.

대신 먼저 GitLab UI에서 사용하고 싶은 BootstrapVue 컴포넌트의 래퍼를 생성하세요.