요구사항: Microsoft ASP.NET MVC에 포함된 System.Web.Optimization의 모듈식 확장(Microsoft ASP.NET Web Optimization Framework라고도 함)은 구식이며 오랫동안 업데이트되지 않았습니다 (마지막 업데이트: 2014/2/20, 아무도 고치지 않은 버그가 몇 가지 있습니다부트스트랩 4를 도입하면 오류가 발생하며, 기본 변환기를 대체하기 위해 서드파티 번들 트랜스포머를 사용합니다.
번들 압축에 대하여:하이퍼링크 로그인이 보입니다.
System.Web.Optimization:F:\...\packages\Microsoft.AspNet.Web.Optimization.1.1.3\lib\net40\System.Web.Optimization.dll
NuGet 주소:하이퍼링크 로그인이 보입니다.
System.Web.Optimization은 부트스트랩 4를 번들링할 때 다음과 같은 오류를 냅니다:
/* 未能缩小。正在返回未缩小的内容。 (6,10): 실행 시간 오류 CSS1062: 예상 세미콜론 또는 닫는 곱슬괄호, '-' 발견 (6,25): 런타임 오류 CSS1062: 예상 세미콜론 또는 닫는 곱슬 괄호, '-' 발견됨 (6,42): 실행 시간 오류 CSS1062: 예상 세미콜론 또는 닫는 컬리 괄호, '-' 발견 (6,59): 런타임 오류 CSS1062: 예상 세미콜론 또는 닫는 곱슬 괄호, '-' 발견 (6,74): 실행 시간 오류 CSS1062: 예상 세미콜론 또는 닫는 곱슬괄호, '-' 발견 (6,88): 실행 시간 오류 CSS1062: 예상 세미콜론 또는 닫는 곱슬 괄호, '-' 발견 (6,105): 실행 시간 오류 CSS1062: 예상 세미콜론 또는 닫는 곱슬 괄호, '-' 발견 (6,122): 실행 시간 오류 CSS1062: 예상 세미콜론 또는 닫는 컬리 대괄호, '-' 발견 (6,138): 실행 시간 오류 CSS1062: 예상 세미콜론 또는 닫는 곱슬 괄호, '-' 발견 (6,153): 실행 시간 오류 CSS1062: 예상 세미콜론 또는 닫는 컬리 대괄소서 '-' 발견 (6,168): 실행 시간 오류 CSS1062: 예상 세미콜론 또는 닫는 곱슬괄호, '-' 발견 (6,181): 실행 시간 오류 CSS1062: 예상 세미콜론 또는 닫는 컬리 괄호, '-' 발견 (6,196): 실행 시간 오류 CSS1062: 예상 세미콜론 또는 클리 괄호 '-' 발견 (6,216): 런타임 오차 CSS1062: 예상 세미콜론 또는 닫는 컬리 괄호, '-' 발견 (6,234): 실행 시간 오류 CSS1062: 예상 세미콜론 또는 닫는 곱슬 괄호, '-' 발견 (6,254): 실행 시간 오류 CSS1062: 예상 세미콜론 또는 닫는 컬리 괄호, '-' 발견 (6,272): 런타임 오류 CSS1062: 예상 세미콜론 또는 닫는 컬리 괄호, '-' 발견 (6,287): 실행 시간 오류 CSS1062: 예상 세미콜론 또는 닫는 곱슬 괄호, '-' 발견 (6,305): 실행 시간 오류 CSS1062: 예상 세미콜론 또는 종결 컬리 괄호, '-' 발견 (6,322): 실행 시간 오류 CSS1062: 예상 세미콜론 또는 닫는 곱슬 괄호, '-' 발견 (6,338): 실행 시간 오류 CSS1062: 예상 세미콜론 또는 닫는 곱슬 괄호, '-' 발견 (6,353): 실행 시간 오류 CSS1062: 예상 세미콜론 또는 닫는 컬리 괄호, '-' 발견 (6,371): 실행 시간 오류 CSS1062: 예상 세미콜론 또는 닫는 곱슬 괄호, '-' 발견 (6,393): 실행 시간 오류 CSS1062: 예상 세미콜론 또는 닫는 곱슬괄호, '-' 발견 (6,415): 실행 시간 오류 CSS1062: 예상 세미콜론 또는 닫는 컬리 괄호, '-' 발견 (6,437): 실행 시간 오류 CSS1062: 예상 세미콜론 또는 닫는 곱슬 괄호, '-' 발견 (6,460): 실행 시간 오류 CSS1062: 예상 세미콜론 또는 닫는 곱슬 괄호, '-' 발견 (6,644): 실행 시간 오류 CSS1062: 예상 세미콜론 또는 닫는 곱슬 대괄호, '-' 발견 */
/*! * 부트스트랩 v4.1.3 (https://getbootstrap.com/) * 저작권 2011-2018 부트스트랩 저자 * 저작권 2011-2018 트위터 주식회사 * MIT 라이선스 (https://github.com/twbs/bootstrap/blob/master/LICENSE)
번들 트랜스포머
번들 트랜스포머 - System.Web.Optimization(마이크로소프트 ASP.NET 웹 최적화 프레임워크로도 알려짐)의 모듈식 확장입니다. Bundle Transformer의 핵심에 포함되어 있고 IBundleTransform 인터페이스를 구현하는 StyleTransformer와 ScriptTransformer 클래스들입니다. 이들은 표준 클래스인 CssMinify와 JsMinify를 대체하도록 설계되었습니다.
StyleTransformer와 클래스 및 표준 구현체 ScriptTransformer의 주요 차이점은 디렉터리에서 자산을 추가할 때 불필요한 자산을 제외할 수 있다는 점, 사전 미니화된 자산의 재조정이 발생하지 않음, CSS 코드에서 상대 경로를 절대 경로로 자동 변환(UrlRewritingCssPostProcessor 사용)을 지원한다는 점입니다. 이 클래스들은 런타임에 코드를 최소화하지 않지만, minifier 모듈(현재 사용 가능한 모듈은 Microsoft Ajax Minifier, YUI Compressor for .NET, NUglify, Google Closure Compiler, Douglas Crockford의 JSMin, Dean Edwards의 Packer 기반)을 설치하여 추가할 수 있습니다. Mihai Bazon의 UglifyJS, Sergey Kryzhanovsky의 CSSO (CSS 옵티마이저), WebGrease, 그리고 Clean-css. 또한, 중간 언어(LESS, Sass, SCSS, CoffeeScript, TypeScript, Mustache(Hogan 사용), Handlebars)로 코드 번역을 구현하는 번역 모듈을 설치할 수 있습니다. 이와 더불어 번들 트랜스포머에는 세 번째 유형의 모듈인 후처리자가 있습니다. 후처리기는 번역기 다음, 컴프레서 전에 실행됩니다. 현재 사용 가능한 후처리는 URL Rewrite CSS Postprocessor(코어에 포함됨)와 Andrey Sitnik의 Autoprefixer 기반 Postprocessor 모듈입니다.
GitHub 주소:하이퍼링크 로그인이 보입니다. 문서 튜토리얼:하이퍼링크 로그인이 보입니다.
BundleTransformer.Core는 단지 번들링 기능만 제공하고압축 난독화 같은 기능은 제공되지 않습니다압축 및 기타 기능을 다른 모듈에 도입해야 할 경우, 이 글에서는BundleTransformer.NUglify확장 모듈은 번들로 제공되는 CSS와 JS 출력을 압축합니다.
BundleTransformer.NUglify에는 두 개의 미니파이어 어댑터가 포함되어 있습니다: "NUglifyCssMinifier"(CSS 코드 소형화용)와 "NUglifyJsMinifier"(JS 코드 소형화용). 이 어댑터들은 축소 작업을 수행합니다 (https://github.com/trullock/NUglify). 따라서 프로젝트는 다음과 같은 NuGet 명령어로 BundleTransformer.NUglify를 직접 도입할 수 있습니다:
설치가 완료된 후에는 다음 코드로 BundleConfig.cs 구성을 수정하세요:
이 시점에서 /plugins/site/login 링크, css 리소스에 접근하세요.압축되지 않음"NUglifyCssMinifier"를 기본 CSS 미니파이어 프로그램으로 만들기 위해 web.config 설정을 수정해야 합니다.
UrlRewritingCssPostProcessor: CSS 코드 등에서 상대 경로를 절대 경로로 자동 변환하는 것을 지원합니다.
web.config 파일을 찾아보세요/configuration/bundleTransformer/core/css다음과 같이 수정된 노드:
전체 구성은 다음과 같습니다:
(끝)
|