대용량 웹 사이트/코드 연결을위한 javascript 관리

Question

현재 개발중인 사이트에는 다양한 기능을 통해 공유되는 많은 양의 자바 스크립트와 기능별 자바 스크립트가 많이 있습니다. 하나의 모 놀리 식 자바 스크립트 파일과 많은 작은 것들을 모두 읽었습니다.

제게는 거대한 파일 접근 방식으로 스크립트를 유지 보수하기가 어려울뿐만 아니라 많은 불필요한 자바 스크립트도 포함하게됩니다. 동시에 필요한 코드 만 포함되도록 자바 스크립트를 분리하면 파일/HTTP 요청 수가 너무 많아집니다. 적절한 양의 불필요한 코드를 포함시키는 아이디어는 사용자를위한 추가적인 파일 크기 오버 헤드 외에도 적절한 소프트웨어 디자인의 개념에 반하는 것으로 보입니다.

Apache 용 mod_concat 모듈이 내 문제를 완전히 해결할 것으로 예상됩니다. 원하는만큼 많은 파일로 자바 스크립트를 분리하고, 필요한만큼만 포함하고, 성능에는 거의 영향을주지 않습니다.

실제로이 경우입니까? 많은 파일을 관리해야하는 유일한 단점이 있습니까? 나는 mod_concat이 영원히 주변에 없었다는 것을 알고 있기 때문에 a) 이전에 어떻게 처리되었는지, b) 불필요한 자바 스크립트를 적당히 포함하는 코드 연결을 사용하더라도 수용 가능한 것으로 간주되는 경우에 대한 약간의 배경을 찾고있다. 또는 심지어 모범 사례).

감사합니다. Brian

Answer 1

저는 아파치 모듈이 필요하지 않다고 생각합니다. 프로덕션을 위해 하나의 축소 된 JS 파일을 작성하는 것이 최선의 방법이어야합니다. 한 번로드 된 다음 브라우저에 캐시되기 때문입니다. 물론 개발을 위해서는 애플리케이션을 별도의 파일로 분리하는 것이 좋습니다.

JavaScript 모듈 관리 및 압축에 대한 개인적인 선호는 JavaScript MVC 프레임 워크의 일부인 Steal JS입니다 (큰 JS 응용 프로그램에서는 일반적으로 흥미로울 수 있음). 개발 중에 모듈 파일을 동적으로로드 할 수 있으며, 제작을 위해 하나의 압축 된 JavaScript 파일 (CSS도 수행 할 수 있음)을 만들 수 있습니다.

또 다른 대체 방법은 RequireJS이지만 빠른 검토 만했습니다.