이 글은 기계 번역의 미러 문서이며, 원본 기사로 바로 이동하려면 여기를 클릭해 주세요.

보기: 5870|회답: 2

[출처] 실용적인 동작: BundleTransformer를 사용해 System.Web.Optimization을 대체하기

[링크 복사]
2022-11-12 11:05:08에 게시됨 | | | |
요구사항: 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다음과 같이 수정된 노드:

전체 구성은 다음과 같습니다:

(끝)





이전의:[실제 전투]. NET/C# 애플리케이션이 충돌하고 예외가 자동으로 DMP 덤프 파일을 생성합니다
다음:네트워크 카드도 가상화할 수 있나요? 네트워크 카드 가상화 기술에 대한 상세한 설명 맥블란
2022-11-15 18:23:22에 게시됨 |
조금 배워
 집주인| 2023-7-10 18:35:50에 게시됨 |
ASP.NET 코어(12개) 프론트엔드 JS, CSS 번들링, 압축
https://www.itsvse.com/thread-10282-1-1.html

Asp.net MVC 번들은 모든 CSS 파일을 함께 패키징합니다
https://www.itsvse.com/thread-4921-1-1.html
면책 조항:
Code Farmer Network에서 발행하는 모든 소프트웨어, 프로그래밍 자료 또는 기사는 학습 및 연구 목적으로만 사용됩니다; 위 내용은 상업적 또는 불법적인 목적으로 사용되지 않으며, 그렇지 않으면 모든 책임이 사용자에게 부담됩니다. 이 사이트의 정보는 인터넷에서 가져온 것이며, 저작권 분쟁은 이 사이트와는 관련이 없습니다. 위 내용은 다운로드 후 24시간 이내에 컴퓨터에서 완전히 삭제해야 합니다. 프로그램이 마음에 드신다면, 진짜 소프트웨어를 지원하고, 등록을 구매하며, 더 나은 진짜 서비스를 받아주세요. 침해가 있을 경우 이메일로 연락해 주시기 바랍니다.

Mail To:help@itsvse.com