115

以前に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: { ... }}
4

7 に答える 7

42

公式に認可された sass または scss の JavaScript 実装はありません。私が見た進行中の実装がいくつかありますが、現時点で使用をお勧めできるものはありません。

ただし、いくつかの点をお願いします。

  1. すべてのユーザーに対して 1 回でスタイルシートをコンパイルできるのに、なぜすべてのユーザーにスタイルシートをコンパイルさせる必要があるのでしょうか。
  2. JavaScript が無効になっている場合、サイトはどのように表示されますか。
  3. 将来、サーバー側の実装に変更する場合は、それに応じてすべてのテンプレートを変更する必要があります。

したがって、開始するにはもう少しセットアップが必要ですが、私たち (sass core チーム) は、サーバー側のコンパイルが最良の長期的なアプローチであると考えています。同様に、本番スタイルシートのサーバー側コンパイルを好む開発者は少なくなります。

于 2010-12-21T01:59:36.410 に答える
31

visionmeda/sass.js はもう利用できず、scss-js は 2 年間更新されていないため、 sass.jsに興味があるかもしれません。これはEmscripten を使用して JavaScript にコンパイルされた C++ ライブラリlibsass ( node-sassでも使用される) です。html にリンクまたはインライン化された scss スタイルシートをコンパイルするための実装は、sass.link.jsにあります。

インタラクティブなプレイグラウンドを使用して sass.js を試す

于 2014-01-21T23:13:10.370 に答える
4

すべてのユーザーにスタイルシートをコンパイルさせるべきではありませんが、JavaScriptの実装をサーバー上で実行することもできます。また、node.jsアプリで使用するjavascriptsassの実装も探しています。これはサスチームが検討していることですか？

于 2011-01-02T04:59:15.730 に答える
3

GitHub、scss-jsに試みがあります。ただし、これは不完全であり、5 か月間コミットされていません。

于 2011-02-24T20:16:53.660 に答える
1

なぜ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) を使用しています。

于 2016-08-10T12:08:26.070 に答える