루비가없는 Sass 또는 Compass?

Ruby없이 Sass 또는 Compass 또는 이와 유사한 것을 사용할 수있는 방법이 있습니까?

나는 Google 과이 사이트를 둘러 보았지만 아무것도 찾을 수 없습니다. 어떤 도움을 주시면 감사하겠습니다. 감사합니다

Sass는 원래 Ruby 용으로 작성되었지만 이제는 Sass 엔진 의 포트 인 libSass 를 만들었 으므로C/C++ 엔진을 IDE 또는 다른 언어에 더 쉽게 통합 할 수 있습니다. 이 시점에서 Ruby, Node.js , Python , PHP , Java , .NET 등에서 Sass 엔진을 사용할 수 있습니다 . 자세한 내용은 libSass를 방문하십시오 . 또한 IDE에는 libSass를 사용하여 루비 없이도 Sass를 지원하는 플러그인이있을 수 있습니다.

아래의 원래 답변은 귀하의 상황에 적용되거나 적용되지 않을 수 있습니다 (귀하의 언어가 libSass에 대한 지원을 구현했는지 여부에 따라 다름). 나는 아카이브를 위해 그대로두기로했다.

Sass (Ruby 필요)

Sass는 Ruby로 작성되었으므로 Ruby도 설치해야합니다. sass의 사이트에서 가져온

Compass (SASS를 기반으로하므로 Ruby 필요)

Compass는 Sass 스타일 시트 언어를 사용하여 스타일 시트를 강력하고 쉽게 작성하는 오픈 소스 CSS 저작 프레임 워크입니다. 나침반의 사이트에서 가져옴

Less (js로 작성, 페이지에 포함 된 node.js 또는 less.js 필요)

LESS는 변수, 믹스 인, 연산 및 함수와 같은 동적 동작으로 CSS를 확장합니다. LESS는 Node.js 및 Rhino를 사용하여 클라이언트 측 (Chrome, Safari, Firefox) 및 서버 측 모두에서 실행됩니다. Less의 사이트에서 가져온

이것이 제가 아는 주요 프로세서입니다. 선택한 다른 언어에 대해 고유 한 파서 / 포트를 작성할 수 있습니다.

즉, 프로그램 자체 (sass & compass)가 Ruby로 작성 되었기 때문에 Ruby 없이는 sass / compass를 사용할 수 없습니다. 따라서 실행하려면 반드시 필요합니다.

질문이 명확하지 않은 것은 사실이지만 몇 가지 문제를 해결하려고 노력할 것입니다. 이 있습니다 내 마음에 오는 루비 (두에 의존하지 않는 다른 CSS 프리 프로세서가 바로 지금 적은 내가 아니라 말대꾸 강력한으로 사용하고 좋아했습니다, 그리고 스타일러스 내가 사용하지 않은, 둘 다 JavaScript를 기반으로 함),하지만 Sass + Compass에 대해 구체적으로 질문하고 있으며 여전히 동일한 답변을 찾고 있으므로 그것에 대해 이야기하겠습니다.

@JamundFerguson이 말했습니다.

Ruby없이 Sass를 컴파일하는 방법이 있습니까? 의존합니다.

있다

Sass는 전처리 언어입니다. 이를 위해 Ruby로 빌드 된 컴파일러가 있으며 누구나 어떤 언어로든 컴파일러를 작성할 수 있습니다. C lib 를 가져올 수있는 모든 언어에서 사용할 수있는 libsass 라는 Sass 컴파일러의 C 구현 이 있습니다. Node.js에 내장 된 컴파일러 인 node-sass 에서 사용하는 라이브러리로 , 아직 시도하지 않았고 어떻게 작동하는지, 프로덕션 용으로 사용할 준비가되었는지 알 수 없습니다. 나침반 이식하는 것은 시간의 문제 일 수있다 (어쩌면 당신은? 그 일을 끝낼) 우리가 루비 보석에 의존하지 않는 컴파일러를 가질 수 있도록 (현재, 거기에 노드 나침반 모듈 않습니다 에 의존 루비 보석).

다른 언어

지금까지 저는 Node.js 컴파일러의 가능성에 대해 언급했습니다. Node.js 컴파일러는 여러분이 알고 계시 겠지만, 웹 언어이자 제가 선택한 언어 인 JavaScript 환경입니다. 그러나 컴파일러를 작성할 언어를 지정하지 않았습니다. 예를 들어 @EricMeyer가 Python 컴파일러를 언급 한 것처럼 여러 언어로 빌드 된 컴파일러가있을 수 있다고 생각 합니다. 어쩌면 그는 pyScss를 사용 하고 있습니까? Compass에 대한 기본 지원이있는 것 같습니다. 하지만 Python 환경이 필요합니다. 물건은 그래서 : 당신이 필요합니다 일부 컴파일러의 환경을 당신은 기본적으로 컴파일 된 바이너리를 실행하지 않으면. (Less에는 클라이언트 측을 실행하고 컴파일 단계를 피하기 위해 페이지에 포함될 수있는 less.js가 있지만 프로덕션에서 사용하기위한 것은 아닙니다.)

네이티브 앱

저는 CodeKit 에서 1 년 동안 일했습니다.는 Sass / Compass, Less, Stylus 및 Haml, Slim, Jade 등과 같은 템플릿 언어를 컴파일합니다. 자산이 자동으로 변경되면 자산을 다시 빌드하고 브라우저에서 변경 사항을 즉시 확인합니다. 내가 마음에 들지 않는 유일한 점은 다른 컴퓨터로 이동하고, CodeKit을 설치하고, 프로젝트를 확인하고, 사용하려고 할 때 프로젝트 설정을 다시 구성해야했기 때문에 빌드에 도달 할 수 있도록 기억해야했습니다. 다른 컴퓨터에서 만든 것과 같습니다. 또한 팀과 함께 작업하기 시작했고 같은 설정으로 프로젝트를 구성해야했고 (때때로 동일한 프로젝트 구성이 없으면 추악한 불일치로 이어짐) Ubuntu를 사용하는 팀 구성원도 사용할 수 없었습니다. 그'즉시 사랑에 빠졌습니다. @Dave 가 언급했듯이 Scout가 있고 LiveReload 도 있지만 사용하지는 않았습니다.

결론

결론은 내가 강력한 결론을 가지고 있지 않다는 것입니다. 나는 여전히 같은 대답을 찾고 있지만이 대답이 Ruby 환경 외부에서 Sass / Compass를 컴파일하는 상태에 대해 약간의 빛을 비추기를 바랍니다.

실제로 Node.js를 Sass의 C 버전 인 libsass에 바인딩하는 라이브러리가 있습니다 : https://npmjs.org/package/node-sass

Ruby를 설치하지 않고도 놀라운 속도로 .scss 파일을 CSS로 기본적으로 컴파일 할 수 있습니다.

설치하려면 다음을 실행하십시오.

npm install node-sass

그리고 필요한 경우 Grunt 확장도 있습니다 : https://github.com/sindresorhus/grunt-sass (이 질문에서 제가 찾고 있던 것입니다)

자세한 내용은 https://github.com/andrew/node-sass 에서 확인하세요.

이것에 대한 약간의 업데이트 만 있으면 Scout라는 프로그램을 사용하여 Ruby를 설치하지 않고도 SCSS / SASS 파일을 사용하고 올바른 파일을 즉시 생성 할 수 있습니다.

Scout에는 자체 포함 된 Ruby 환경이 있으며 Java로 코딩되어 있으므로 사용하기 전에 Java가 최신 상태인지 확인하십시오. 여기 Linky.

감사합니다 :)

실제로 루비없이 sass를 구문 분석 할 수 있으며 node-sass를 사용할 수 있습니다. 세부 정보 : https://github.com/andrew/node-sass

이것이 .NET 용이라면 이제 libsass 용 래퍼가 있습니다 . Nuget 에서 사용할 수 있습니다 .

Adobe Brackets (무료, 오픈 소스)는 파일이 변경 될 때 LESS, SASS 및 Stylus를 컴파일 할 수 있으며 라이브 미리보기 중에 스타일을 업데이트 할 수 있습니다. 확장 관리자에서 필요한 확장을 설치하기 만하면됩니다. 대괄호를 얻고즐기십시오!

편집 : 다른 질문에 따르면 node-sass 는 이미 nodejs를 설치 한 경우 좋은 옵션입니다.