응용 프로그램 코드를 공급 업체 코드와 통합하면 어떤 이점이 있습니까?

Question

내 현재 프로젝트에서 꿀꺽 꿀꺽 만드는 과정을 통해 Angular 애플리케이션을 두 개의 자바 스크립트 파일에 드롭합니다. 하나는 앱의 모든 것 (우리가 쓴 것)이고 하나는 공급 업체 파일 (기본적으로 가져온 것이 전부, 예를 들어 배어가 포함 된 것)입니다.

최근에 요청에 대한보다 추상적 인 영향을 받아 app.js과 vendor.js (및 CSS 상당)을 하나의 파일로 통합하여 HTTP 요청을 줄였습니다.

이제 나는 꿀꺽 꿀꺽 마시는 것에 대해 많은 경험을하지는 못했지만 원래의 구현은 두 파일에 대해 설정되었습니다. 제 질문은 두 가지를 통합하는 데 실제 이익이 있는가, 아니면 두 가지가 분리 될 기술적 또는 실용적인 이유가 있습니까? 아마 이것이 초기 (아마 Yeoman) 비계가 그들을 깔아 놓은 방법이었을 것입니다. 그렇다면 건축 학적 이유가 있습니까?

제공 할 수있는 모든 조언이나 경험에 대해 미리 감사드립니다.

Answer 1

Gulp는 공급 업체 및 앱 코드를 단일 파일로 컴파일하는 데 문제가 없습니다. 이것의 이점은 브라우저가 단일 스크립트 요청에 대해 수행해야하는 요청 수를 줄이게된다는 것입니다.

그러나 두 파일은 오류가 발생한 경우 오류가 발생하는 곳을보다 명확하게하기 위해 자주 사용됩니다. 또한 앱 코드가 변경 될 때마다 벤더 코드를 다시 컴파일 할 필요가 없으므로 앱 코드 컴파일이 더 빠르다는 것을 의미합니다. 일반적으로 공급 업체 코드는보다 안정적이므로 컴파일 (또는 시청)을 자주하지 않아도됩니다.

또한 HTTP2의 출현과 멀티 플렉스 다운로드 기능 덕분에 코드를 하나의 큰 파일로 연결하는 것이 더 나쁜 옵션입니다. 작은 변경조차도 연결된 전체 BLOB를 다시 다운로드해야하기 때문입니다.