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 또는 scs의 JavaScript 구현은 없습니다. 내가 본 몇 가지 구현이 진행 중이지만 현재로서는 권장하지 않는 구현이 있습니다.
그러나 몇 가지 사항을 참고하십시오.
- 모든 사용자가 한 번에 스타일 시트를 작성할 수 있는데 왜 모든 사용자가 스타일 시트를 컴파일하도록해야합니까?
- JavaScript가 비활성화되어 있으면 귀하의 사이트는 어떻게 생겼습니까?
- 나중에 서버 측 구현으로 변경하기로 결정한 경우 모든 템플리트를 적절히 변경해야합니다.
따라서 시작하는 것이 조금 더 설정되어 있지만, 우리 (sass 핵심 팀)는 서버 측 컴파일이 가장 장기적인 접근법이라고 생각합니다. 마찬가지로 개발자가 적을수록 프로덕션 스타일 시트에 서버 측 컴파일을 선호합니다.
visionmeda / sass.js를 더 이상 사용할 수없고 2 년 후에 scss-js가 업데이트되지 않았 으므로 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 구현을 찾고 있습니다. 이것이 사스 팀이 고려하고있는 것입니까?
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) .
참고 URL : https://stackoverflow.com/questions/4436643/is-there-a-sass-js-something-like-less-js
'IT박스' 카테고리의 다른 글
콘솔 대신 Visual Studio에서 콘솔 응용 프로그램의 출력 (0) | 2020.08.02 |
---|---|
비 블로킹 I / O가 멀티 스레드 차단 I / O보다 실제로 빠릅니까? (0) | 2020.08.02 |
별도의 개발자 및 제품 Firebase 환경 (0) | 2020.08.02 |
“알고리즘 디자인 매뉴얼”에 대한 솔루션은 어디에서 찾을 수 있습니까? (0) | 2020.08.02 |
Windows 서비스 및 예약 된 작업 (0) | 2020.08.02 |