SASS.js가 있습니까? LESS.js와 같은 것?

전에 LESS.js 를 사용 했습니다 . 사용하기 쉽습니다.

<link rel="stylesheet/less" href="main.less" type="text/css">
<script src="less.js" type="text/javascript"></script>

나는 SASS.js를 보았다 . 비슷한 방법으로 어떻게 사용할 수 있습니까? HTML에서 즉시 사용하기 위해 SASS 파일을 구문 분석합니다. SASS.js가 Node.js 와 함께 더 많이 사용되는 것 같습니다 .

var sass = require('sass')
sass.render('... string of sass ...')
// => '... string of css ...'

sass.collect('... string of sass ...')
// => { selectors: [...], variables: { ... }, mixins: { ... }}

공식적으로 승인 된 sass 또는 scss의 JavaScript 구현은 없습니다. 내가 본 몇 가지 구현이 진행 중이지만 현재 권장 할 수있는 구현은 없습니다.

그러나 몇 가지 사항을 알려주십시오.

1. 모든 사용자에 대해 한 번만 수행 할 수 있는데 모든 사용자가 스타일 시트를 컴파일하도록해야하는 이유는 무엇입니까?
2. JavaScript가 비활성화 된 경우 귀하의 사이트는 어떤 모습일까요?
3. 나중에 서버 측 구현으로 변경하기로 결정한 경우 모든 템플릿을 그에 따라 변경해야합니다.

따라서 시작하는 데 약간의 설정이 필요하지만 우리 (sass 코어 팀)는 서버 측 컴파일이 최고의 장기적인 접근 방식이라고 생각합니다. 마찬가지로, 적은 개발자가 프로덕션 스타일 시트에 대해 서버 측 컴파일을 선호합니다.

visionmeda / sass.js를 더 이상 사용할 수없고 scss-js가 2 년 동안 업데이트되지 않았기 때문에 sass.js에 관심이있을 수 있습니다 . Emscripten 을 사용 하여 JavaScript로 컴파일 된 C ++ 라이브러리 libsass ( node-sass 에서도 사용됨 )입니다. html로 링크되거나 인라인 된 scss 스타일 시트를 컴파일하는 구현은 sass.link.js 에서 찾을 수 있습니다 .

대화 형 플레이 그라운드를 사용하여 sass.js 사용해보기

예

예상했던대로 C ++로 다시 작성한 후 Emscripten을 통해 Javascript로 컴파일 할 수 있습니다 .

이것은 브라우저 버전입니다 : https://github.com/medialize/sass.js/

그들이 권장하는 것처럼 노드의 경우 https://github.com/sass/node-sass를 사용할 수 있습니다.

방금 흥미로운 Sass.js 놀이터를 발견했습니다. 수년에 걸쳐 몇 가지 사항이 변경되었을 수 있습니다. 이것 좀 봐:

http://medialize.github.io/playground.sass.js/

모든 사용자가 스타일 시트를 컴파일하도록해서는 안되지만 자바 스크립트 구현은 서버에서도 실행될 수 있습니다. 또한 node.js 앱에서 사용할 자바 스크립트 sass 구현을 찾고 있습니다. 이것은 sass 팀이 고려하고있는 것입니까?

GitHub , scss-js 에 대한 시도가 있습니다 . 그러나 불완전하고 5 개월 동안 커밋이 없었습니다.

왜 LibSass인가

공식적으로 승인 된 sass JavaScript 구현은 없지만 LibSass로 알려진 Sass 엔진의 공식 C / C ++ 포트가 있습니다. LibSass는 공식 구현이므로 내부적으로 LibSass를 사용하는 JavaScript 라이브러리를 선택하는 것이 가장 좋습니다.

서버에서

Node.js 환경에서 실행되는 JavaScript의 경우 Node-sass가 있습니다.

내부적으로 Node-sass는 LibSass 자체를 사용합니다.

브라우저에서

브라우저에서 실행되는 JavaScript의 경우 Sass.js가 있습니다.

내부적으로 Sass.js는 Emscripten을 사용하여 JavaScript로 변환 된 LibSass 버전 (이 글을 쓰는 시점에서 v3.3.6)을 사용 합니다 .