javascript - CSS와 JS의 패키징 세분성을 보다 합리적으로 나누는 방법

Question

내 생각: {코드...} 그런데 이건 너무 세밀한 것 같고, 아직도 요청이 많은 것 같은데, 다들 어떻게 하시는지 여쭤보고 싶습니다.

过去多啦不再A梦 · Answer

절대적인 규칙은 없으며 스타일 파일과 JS 파일에도 동일하게 적용됩니다. 다음 사항을 고려하세요
1. 패키징은 프로젝트 모듈 관점에서 이루어집니다. 모듈의 코드가 함께 패키징되고, 공용 부분이 함께 패키징됩니다.
2. 패키징된 파일의 크기가 너무 큰 경우를 고려해야 합니다. , 파일 요청에 도움이 되지 않습니다. 신중하게 고려하고 별도로 패키지해야 합니다. 참조 종속성이 많으면 함께 패키지된 2-3M이 너무 큽니다. 3. 동시에 고려해야 합니다. 파일 수가 너무 많으면 로딩 속도가 느려지지만 일반적으로 패키징 후 패키지가 너무 많지는 않습니다
4. 포장이 너무 세세하면 영향이 있으니, 파일 하나하나 잘 관리해주세요

나의 접근 방식은 대규모 프로젝트의 경우 각 모듈을 하나의 패키지로 묶고, 공통 부분을 분리하고, 소규모 프로젝트의 경우 34~450개의 파일을 한 번에 로드하고, 간단히 함께 패키지하고, 압축된 부분을 제어하는 것입니다. 500K 또는 600K 이내의 파일 크기