저는 SASS newb이고 걱정이됩니다. PyCharm을 사용하고 있으며 SASS를 사용하여 CSS를 작성하는 작업 흐름이 SCSS 파일에서 모든 작업을 수행 한 다음 HTML 파일에 대해 생성 된 transpiled CSS 파일에 링크하는 것처럼 보입니다.CSS 파일이 SCSS 파일과 동기화되지 않습니다.
하지만 CSS 파일을 직접 변경하면 어떻게됩니까? SCSS 파일이 다음 번에 흐르게 될 때 이러한 변경 사항이 삭제됩니까?
PyCharm에서 "SCSS" "파일 감시자"를 사용하여 "루트 파일 만 추적"설정을 선택했습니다. 그래서 나는 이것이 내 CSS 변화를 어떻게 의미하는지 확신 할 수 없다.
두 가지 버전 파일로 끝나거나 변경 사항을 잃을 수도 있습니다. 당신의 도움을 주셔서 감사합니다.
은 예, CSS 완전히 덮어 쓰게됩니다! 이렇게하지 마세요!
SCSS File Watcher는 SCSS를 CSS로 컴파일하고 사용자가 변경 한 CSS를 덮어 씁니다.
SCSS 구문과 이전 SASS 구문의 이점은 SCSS가 CSS 구문을 캡슐화하고 훨씬 더 많은 기능을 추가한다는 점입니다.
따라서 일반 CSS 구문을 SCSS 파일에 넣을 수 있습니다 (물론 SCSS 구문도 사용할 수 있습니다). 모든 작업을 SCSS 파일에 저장하면 덮어 쓸 내용이 없습니다.
업데이트 :
당신은 읽기 전용 파일을 변경 어쩌면 스크립트를 작성하기 (CSS 파일에 쓰기에서 개발자를 막을 수 없습니다,하지만 hackey의 일종, 코멘트에 귀하의 질문에 대답하려면 쉽게 무시할 수 있음).
내가 제안하는 것은 SASS의 시끄러운 주석 구문을 사용하는 것입니다. 그러면 출력 CSS를 압축하더라도 최종 CSS 파일에 주석이 남아있게됩니다. 이 CSS @Fabio "transpiled"아닌가
/*! Please do not edit this CSS file directly. Make changes to the appropriate SASS files and recompile. You have been warned... */
Is 개발자가 CSS 파일에 추가하여 끊임없이 덮어 쓰지 않도록하는 방법이 있습니까? – Dusty
저는 사람들이 코멘트를 읽지 않고 개발자가 IDE 단축키에서 CSS 파일의 중간 라인으로 건너 뛰는 것에 대해 우려하고 있습니다. 모든 사람들에게만 파일을 읽을 수있게 만들지 만 File Watcher에서 쓸 수있는 파일을 원했습니다. – Dusty
이상적으로 출력 파일을 압축해야합니다. 내가 무슨 IDE 단축키에 대해 얘기하는지 모르겠지만 압축 된 CSS 파일을 열 때 그것은 상단에 열어야한다. 압축되지 않은 주석과 압축 된 CSS (실제로는 읽기가 어렵습니다)를 볼 수 있습니다. – manishie
:
그냥 같은 주석의 시작 부분에 느낌표를 넣어? http://www.jetbrains.com/pycharm/webhelp/file-watchers.html – DustySCSS와 관련하여 그 단어를 들어 본 적이 없으며 File Watchers에 대한 단어로 보입니다. 원래대로 다시 변경되었습니다. – Devin