CSS 컴파일/압축 및 소스 맵 v3

내 CSS 파일을 압축/축소/결합하고 Chrome과 함께 사용할 수있는 유효한 v3 SourceMap을 만드는 도구를 아는 사람이 있습니까? 가급적 NodeJS 도구.CSS 컴파일/압축 및 소스 맵 v3

내가 알고있는 압축기는 clean-css, csso, css-condense (css-parse를 사용하지만 bootstrap.css를 사용) 및 cssmin (YUI의 포트이지만 CLI는 없음)입니다. 이들 중 어느 것도 소스 맵을 지원하지 않습니다.

SASS (Ruby)와 Less.js가 구현 작업을하고 있다고 생각하지만 전 처리기 도구라고 생각합니다.

2013-04-02 sstur

mincer-sourcemap은 CSS 소스 맵을 생성 할 수있는 것 같습니다.

2013-08-30 06:52:28

저는 https://ajaxmin.codeplex.com/을 사용하며 부트 스트랩에도 좋습니다.

JS와 CSS를 축소 할 수 있습니다. 소스 맵 및 파일 번들을 처리합니다.

많은 옵션이 있지만 몇 개의 XML 파일을 사용하여 축소해야 할 항목과 묶어야 할 항목을 정의합니다. 또한 명령 행을 사용할 수도 있습니다.

내 유스 케이스가 컴파일 시간 생성에 사용되었습니다. 만약 당신이 런타임 생성 그럼 당신은 다른 뭔가와 함께 가야합니다.

2014-03-11 21:05:02

"JS 및 CSS 파일을 모두 축소하고 JavaScript 용 소스 맵을 선택적으로 생성 할 수 있습니다." 내가 CSS 소스 맵을 생성한다고 생각하지 않지만 내가 틀렸다면 정정 해주세요. – sstur

요청하면 작동합니다. 내 xml 파일에서 : <출력 경로 = "corev15.min.css"> = "V3"경로 ... –

mincer 자산 파이프 라인 1.0.0+ 릴리스는 원본 맵을 지원합니다. 루비의 톱니 모양이 노드 .js에 있습니다. 최신 엔진 상태는 wiki입니다.

CSS의 경우 지금 LESS + AutoPrefixer + CssWring 체인을 사용할 수 있습니다. SASS도 소스 맵을 지원하지만 mincer에는 아직 채택되지 않았습니다.

가까운 미래에 Stylus에는 원본지도가 지원되어야합니다.

2014-04-02 06:15:51 Vitaly

답변