여러 js 및 css 파일을 병합하는 방법에 대한 자세한 설명_javascript 기술

웹 프로젝트를 개발할 때 프로젝트가 개발됨에 따라 js 및 css 파일이 점점 더 커지게 되며, 이로 인해 성능에 문제가 발생할 수 있습니다. 예를 들어 페이지에 도입되는 js 및 css가 점점 커지게 됩니다. 이 문제를 해결하는 좋은 방법은 js와 css 파일을 병합하는 것입니다.
다음은 병합 방법에 대한 간략한 소개입니다. js 파일 예시

(1) G.js 파일

코드 복사 코드는 다음과 같습니다:

~function(){
window.G={};
G.Method={
add:function(){ Alert(111) );}
,sub:function (){ 경고("뺄셈");}
}()

(2) T. js 파일

코드 복사 코드는 다음과 같습니다.

var T=( function(){
return {
t1 :function(){alert("t1 메서드!")}
,t2:function(){alert("t2 메서드!")}
, sum:function(obj){return obj.x obj.y;}
};
}())

위에는 몇 가지 간단한 js 파일이 필요합니다. 위 파일들을 병합하기 위한 배치 파일 작성

(3) js 및 css 파일 병합을 위한 일괄 처리 방법 파일 이름은 debug.bat

코드 복사 코드는 다음과 같습니다.

copy G.js T.js GT_bin.js /b

안내
: ( 1) 병합할 js 파일을 입력하고 debug.bat 파일을 저장한 후 debug.bat를 실행합니다. (2) 하나만 있으면 끝입니다. 코드 줄은 매우 간단합니다. GT_bin.js는 병합된 파일의 이름이고 / b는 파일이 병합된 후 페이지에서 GT_bin.js만 참조할 수 있으므로 js 파일에 대한 참조가 줄어듭니다. http 요청 수 및 웹 사이트 성능 향상
(3) CSS 병합 파일 방법도 마찬가지입니다.