ASP.NET MVC 4 묶음 및 축소 실례 소개

ASP.NET MVC 4 에 서 는 여러 개의 css 와 js 파일 을 묶 어 HTTP 요청 을 줄 이 고 css 와 js 파일 을 압축(축소)하면 사이트 의 로드 속 도 를 높 일 수 있다.우 리 는 블 로그 원 의 css 파일 을 선택 하여 보 았 습 니 다.ASP.NET MVC 4 전에 css 방법 을 도입 하 였 습 니 다.
ASP.NET MVC 4 에서 새로운 방법 으로 css 를 도입 할 때 사이트 가 실 행 될 때 css 파일 을 합 쳤 을 뿐만 아니 라 css 의 코드 도 압축 한 것 을 똑똑히 볼 수 있다.css 파일 을 더 블 클릭 하면 응답 본문 에서 볼 수 있 습 니 다:
js 파일 에 대한 처리 방식 은 css 와 같 습 니 다.도입 방법 은 다음 과 같 습 니 다

 
<link href="/Content/Site.css" rel="stylesheet" type="text/css" /> 
<link href="/Content/sitehome.css" rel="stylesheet" type="text/css" /> 

ASP.NET MVC 4 에서 묶 을 때 css 정렬 규칙 은 reset.css,normalize.css 를 먼저 불 러 오고 다른 파일 은 이니셜 로 정렬 합 니 다.유사 한 js 정렬 규칙 은 jquery.js,jquery-ui.js 이 고 그의 파일 은 이니셜 로 정렬 합 니 다.때때로 우 리 는 서로 다른 페이지 에 서로 다른 css 나 js 파일 을 불 러 와 서 불필요 한 파일 을 줄 여야 한다.아래 에 서 는 묶음 을 어떻게 사용자 정의 하 는 지 보 여 준다.Global.aax.cs 파일 Applicationstart()에 다음 과 같은 코드 를 추가 합 니 다

 
<script src="/Scripts/js"></script> 

이렇게 사용 해 야 할 페이지 에 다음 코드 를 추가 하면 됩 니 다

 
//    "mycss"   ,js    new JsMinify() 
var b = new Bundle("~/mycss", new CssMinify()); 
//  Content       css      
//     false  ，Content                 
b.AddDirectory("~/Content", "*.css", false); 
//   BundleTable 
BundleTable.Bundles.Add(b); 

요약:ASP.NET MVC 4 묶음 과 축소 기능 은 http 요청 과 압축 js,css 파일 을 줄 이 는 것 이 매우 간단 합 니 다.그러면 우리 가 수 동 으로 js,css 파일 을 합병 할 필요 도 없고 도 구 를 사용 하여 이 파일 들 을 압축 할 필요 도 없습니다.js,css 파일 의 관 리 를 간단 하고 유지 하기 쉬 워 서 중복 되 는 작업 에서 벗 어 날 수 있 습 니 다.저자:동규