SASS.js var mı? LESS.js gibi bir şey mi?

Daha önce LESS.js kullandım . Kullanımı kolaydır.

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

SASS.js'yi gördüm . Nasıl benzer şekilde kullanabilirim? Hemen HTML'de kullanılmak üzere bir SASS dosyasını ayrıştırmak. Görünüşe göre SASS.js daha çok Node.js ile kullanım için mi?

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

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

Sass veya scss için resmi olarak onaylanmış bir JavaScript uygulaması yoktur. Devam etmekte olan birkaç uygulama var, ancak şu anda kullanmanızı önerebileceğim hiçbiri yok.

Ancak, lütfen birkaç noktaya dikkat edin:

1. Hepsi için bir kez yapabilecekken neden tüm kullanıcıların stil sayfalarınızı derlemesini sağlamalısınız?
2. JavaScript devre dışı bırakılırsa siteniz nasıl görünürdü.
3. Gelecekte bir sunucu tarafı uygulamasına geçmeye karar verirseniz, tüm şablonlarınız buna göre değiştirilmelidir.

Başlamak için biraz daha kurulum olsa da, biz (sass çekirdek ekibi) sunucu tarafı derlemenin en iyi uzun vadeli yaklaşım olduğunu düşünüyoruz. Benzer şekilde, daha az geliştirici, üretim stil sayfaları için sunucu tarafı derlemeyi tercih eder.

Visionmeda / sass.js artık kullanılamadığından ve scss-js 2 yıldır güncellenmediğinden, sizi sass.js ile ilgilenebilirim . Emscripten kullanılarak JavaScript'e derlenen C ++ kitaplık libsass'ı ( node-sass tarafından da kullanılır ). Html'de bağlantılı veya satır içi olarak yazılmış scss stil sayfalarını derlemek için bir uygulama sass.link.js adresinde bulunabilir .

Etkileşimli oyun alanını kullanarak sass.js'yi deneyin

EVET

Beklediğimiz gibi, C ++ üzerinde yeniden yazdıktan sonra , Emscripten aracılığıyla Javascript'te derlemek mümkün .

Bu tarayıcı sürümüdür: https://github.com/medialize/sass.js/

Önerdikleri gibi, düğüm için bunu kullanabilirsiniz: https://github.com/sass/node-sass

Az önce ilginç bir Sass.js Oyun Alanı keşfettim. Yıllar içinde birkaç şey değişmiş olabilir. Şuna bir bak:

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

Kesinlikle tüm kullanıcılarınızın stil sayfalarını derlemesini sağlamamalısınız, ancak sunucu üzerinde bir javascript uygulaması da çalışabilir. Ayrıca bir node.js uygulamasında kullanmak için bir javascript sass uygulaması arıyorum. Bu sass ekibinin düşündüğü bir şey mi?

GitHub , scss-js üzerinde bir girişim var . Ancak, eksik ve beş aydır herhangi bir taahhüt almamış.

Neden LibSass

Sass'ın resmi olarak onaylanmış bir JavaScript uygulaması olmasa da, Sass motorunun LibSass olarak bilinen resmi bir C / C ++ portu vardır . LibSass resmi bir uygulama olduğundan, başlık altında LibSass kullanan bir JavaScript kitaplığı seçmek en iyisidir.

Sunucuda

Node.js ortamında çalışan JavaScript için, Node-sass vardır .

Başlık altında Node-sass, LibSass'ın kendisini kullanır.

Tarayıcıda

Tarayıcıda çalışan JavaScript için Sass.js var .

Başlık altında, Sass.js, Emscripten ile JavaScript'e dönüştürülmüş bir LibSass sürümü (bunu yazdığım noktada v3.3.6) kullanıyor .