programing

루비가없는 Sass 또는 Compass?

nasanasas 2020. 8. 22. 09:00
반응형

루비가없는 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 에서 사용하는 라이브러리로 , 아직 시도하지 않았고 어떻게 작동하는지, 프로덕션 용으로 사용할 준비가되었는지 알 수 없습니다. Compass가 포팅되는 데 시간 문제가 될 수 있습니다 (아마도 그렇게하게 될까요?). 그래서 우리는 Ruby gem에 의존하지 않는 컴파일러를 가질 수 있습니다 (현재 의존 하는 node-compass 모듈이 있습니다 . 루비 보석).

다른 언어

지금까지 저는 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

And there is also a Grunt extension if needed: https://github.com/sindresorhus/grunt-sass (this is what I've been looking for in this question)

Find out more at: https://github.com/andrew/node-sass


Just a little bit of an update on this, you can use SCSS/SASS files and generate the correct files on the fly without installing Ruby by using a program called Scout.

Scout has its own self contained ruby environment and is coded in java so make sure you java is up to date before using. Linky here.

Regards :)


You can actually parse sass without ruby, you can use node-sass. details here: https://github.com/andrew/node-sass


If this is for .NET, there is now a wrapper for libsass. Available from Nuget.


Adobe Brackets (free, open source) can compile LESS, SASS and Stylus when the files are changed, and update styles during live preview, you just need to install required extensions from the extension manager. Get Brackets and enjoy !

Edit: As other questions suggest node-sass is also a good option if you have nodejs already installed.

참고URL : https://stackoverflow.com/questions/12657008/sass-or-compass-without-ruby

반응형