sass-자동 축소 기능이있는 시계?


235

실행할 방법이 있습니까?

sass --watch a.scss:a.css

그러나 a.css결국 축소되고 있습니까?

스타일 시트를 컴파일 할 때 별도의 축소 단계를 실행하지 않으려면 어떻게해야합니까?

답변:


546
sass --watch a.scss:a.css --style compressed

업데이트는 설명서를 참조하십시오.


42
"일반"CSS를 다음과 같이 축소 할 수도 있습니다.sass --watch a.css:a.min.css --style compressed --scss
sam

13
모든 출력 스타일이 여기 에 나열 됩니다 (중첩, 확장, 소형 및 압축)
allicarn

3
다음과 같은 스타일 조합으로 출력을 얻을 수 있습니까? 압축 및 확장 출력도 필요합니다. 그렇게하는 방법?
Temp O'rary

3
이것은 동시에 sass가 축소되지 않은 css 파일과 축소 된 css 파일을 동시에 생성하도록합니다sass --watch sass/style.scss:css/style.css --watch css/style.css:css/style.min.css --style compressed --scss
Alex Wright

2
Sass의 최신 버전 3.5.4에서는 작동하지 않는 것 같습니다.
The Chewy

22

당신이 사용하는 경우 JetBrains의의 와 같은 편집기를 하게 IntelliJ IDEA , PhpStorm , WebStorm 등을 사용하여 설정에서 다음 설정> 파일 당직자. 여기에 이미지 설명을 입력하십시오

  1. 인수 style.scssstyle.css설정하도록 변환

    --no-cache --update $FileName$:$FileNameWithoutExtension$.css

    새로 고침 할 출력 경로

    $FileNameWithoutExtension$.css
  2. style.scss압축으로 변환 style.min.css인수 설정

    --no-cache --update $FileName$:$FileNameWithoutExtension$.min.css --style compressed

    새로 고침 할 출력 경로

    $FileNameWithoutExtension$.min.css

15

나침반을 사용하는 경우 :

compass watch --output-style compressed

12
이것은 단지 사스가 아닌 나침반 명령입니다. 나침반이 사용되지 않을 때 사용 중이라고 가정합니다.
Doyle Lewis

4
그냥 sass 대신 나침반을 사용하고 있기 때문에 이것은 나에게도 효과적입니다.
fedmich

3
이 코드가 나침반이기 때문에
공감대를 포기한 사람들은 공감대

사람들이 왜이 답변을 다운 피트 했습니까? 이것은 내가 처음부터 검색 한 것과 정확히 같았으며 minify compass outputGoogle 검색이 여기에 있기 때문에 내가 유일한 사람은 아니라고 확신 합니다.
Kunok

@fedmich는 원래 질문에 나침반이 언급되지 않았 으므로이 대답에는 나침반을 사용하지 않으면 실제 명령이 도움이되지 않는 방법에 대한 설명이 부족합니다. 나는 공감하지 않았지만 그것이 그 이유라고 생각합니다. 최소한 몇 마디의 말이 있다면 이것은 완벽한 대답이 될 것입니다.
Matthias Seifert
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.