이것이 순진하다면 용서해주세요.하지만 CSS 만 사용하곤합니다. Sass는 꽤 멋지다. 나는 그것을 배우러 내려 왔지만, 어떤 이유로 많은 자바 스크립트 나 jQuery 플러그인을 CSS와 SCSS 파일이 스타일 시트와 연결되어있다. 페이지에서 결과를 얻으려면 두 개의 파일을 편집하고 싶지 않습니다. 몇 가지 핵심 영역을 제외하고는 복사본이 보이는 것처럼 보이는 이유는 무엇입니까? 아래 이미지를 보면 SCSS 당 추가 CSS 파일이있는 것처럼 보입니다. 일부 브라우저가 SCSS를 컴파일 할 수 없기 때문입니까?플러그인 디렉토리에 SCSS 및 CSS 파일이 모두 있습니까?
CSS and SCSS in same directory
있는 브라우저는 (적어도 주) 직접 SASS (이하)을 사용할 수 없습니다. scss 파일을 사용하기 전에 항상 CSS로 컴파일해야합니다.
grunt 또는 gulp과 같은 빌드 도구를 사용하여 CSS를 컴파일 할 수 있습니다. scss 파일에서 업데이트를보고 구성이 변경된 경우 CSS를 다시 컴파일하도록 구성 할 수도 있습니다.
당신은 빌드 후 파일의 다음과 같은 유형의 수 : CSS 파일이 축소 된 이유 당신이 읽을 수
style.scss <- this is source file
style.css <- this is css file created from SASS file
style.min.css <- this is css file minified
style.css.map <- this is source map of scss file
일부 브라우저는 SCSS를 컴파일 할 수 없기 때문에 그렇습니까?
예. .scss을 .css으로 변환하는 명령 행 유틸리티가 있습니다. 아마도 .map 파일은 그것을 이해하는 브라우저 검사원을위한 역 변환 보조 도구 일 것입니다. 내가 (A .min.js처럼, 또는 .scss에서 온 귀하의 경우 .css에서) 파일을 생성 한 때마다
, 나는 적절한 명령 줄 변환 도구 내 빌드 스크립트의 일부로 자동으로 실행되어 있는지 확인하십시오.
어떤 종류의 빌드 시스템을 사용하고 있는지 잘 모르겠지만 실행해야 할 변환을위한 명령 줄 도구가 있습니다.
두 형식을 수동으로 업데이트 할 필요는 없습니다. SCSS를 지원하기 시작한 브라우저가 있기 전에 SCSS와 CSS 명령 행 변환기가 오래 전에 존재했습니다.
그래서 SCSS 파일이 CSS로 컴파일되기 때문에 CSS 파일이 있습니까? – SpacemanSanchez
예. 나는 나의 대답을 업데이트했다. –