Visual Studio 2017에서 적은 / sass 파일을 컴파일하는 방법

Visual Studio 2017에서 적은 / sass 파일을 컴파일하는 방법

---

VS <= 2015에서는 less / sass 파일을 컴파일하는 WebEssentials 확장을 사용할 수 있지만 현재는 VS 2017을 지원하지 않습니다. 빌드시 덜 컴파일 할 수있는 유사한 확장을 알고 계십니까?

---

WebEssentials는 여러 확장으로 분할되고 있습니다. 원하는 기능이 이제 웹 컴파일러 확장 에 있다고 생각합니다 .

확장없이 수행하려면 Gulp와 같은 작업 실행기를 사용할 수 있습니다. Gulp 작업을 VS에 통합하는 방법에 대한 연습은 여기 를 참조 하십시오 .

---

업데이트-추가 답변을 추가 했으므로이 페이지를 아래로 읽으십시오 (이는 더 이상 저에게 도움이되지 않는 것 같습니다).

저와 같이 Gulp, Grunt, Shriek 또는 Wail을 모르고 원하지 않는 사람들을 위해 Visual Studio 2015에서 사용하던 것처럼 Visual Studio 2017을 통해 SCSS 파일을 자동으로 컴파일 할 수 있습니다. 아래 단계가 저에게 효과적이었습니다.

먼저 웹 컴파일러 용 이전 확장 / Nuget 패키지를 제거합니다 (필요한지 여부는 모르겠습니다).

VSIX 갤러리 다운로드 페이지로 이동하여 웹 컴파일러 다운로드를 선택합니다.

먼저 Visual Studio에서 도구 / 확장 및 업데이트 를 선택하여이 작업을 수행했습니다 . 이것이 작동하는 것처럼 보였지만 부분적인 SCSS 파일이 CSS로 변경 될 때 자동으로 컴파일되지 않는다는 것을 발견했습니다 (나는 유일한 파일이 아닙니다 ).

이제 마스터 SCSS 파일을 마우스 오른쪽 버튼으로 클릭하고 아래 표시된 옵션을 선택하면 프로젝트의 루트에 compilerconfig.json 이라는 파일이 자동으로 생성됩니다 (이 파일이 이미있는 경우이 단계는 필요하지 않을 수 있음). :

이 시점부터 모든 것이 정상적으로 작동하는 것처럼 보였습니다. 휴! 이 확장에 대해 Mads Kristensen에게 감사드립니다-새로운 것을 배우지 않으려는 모든 것 ...

---

간단한 대답 :

• LESS 및 SASS 파일 모두 컴파일 : Web Compiler 또는 Web Essentials 2017 (많은 확장 포함)
• SASS (SCss) 파일 만 컴파일하려면 : CompileSass
• LESS 파일 만 컴파일하려면 : LESS 컴파일러

---

내 이전 답변은 몇 달 동안 작동했지만 이제는 더 이상 작동하지 않습니다. 컴파일을 시도 할 때 오류 창에 CompilerConfig 스키마 문제에 대한 메시지가 표시되고이를 해결할 수 없습니다 (인터넷 검색이나 설치 / 제거가 도움이되지 않음).

따라서 대안은 CompileSASS 를 사용 하는 것입니다. 이것은 훨씬 더 간단한 추가 기능이며 온라인 문서가 훨씬 적지 만 훌륭하게 작동합니다. 내가 볼 수있는 유일한 단점은 다음과 같습니다.

• 생성 된 CSS는 SCSS와 동일한 폴더에 있으므로이를 수용하기 위해 내 웹 사이트에서 항목을 약간 이동해야했습니다. 과
• 생성 된 CSS는 내가 볼 수있는 한 축소 된 것입니다.

추가 기능을 설치했으면 (VS 2017을 사용하고 있습니다) 도구> 옵션으로 이동하여 설정을 변경할 수 있습니다.

이제 작업을 재개 할 수 있기를 바랍니다! 덧붙여서 모든 추가 기능 작성자 덕분에-윙윙 거리는 뜻은 아닙니다.

---

이제 덜 구체적인 컴파일러도 있습니다. https://github.com/madskristensen/LessCompiler

참고 URL : https://stackoverflow.com/questions/42726029/how-to-compile-less-sass-files-in-visual-studio-2017