javascript - Sass.js在线编译

Question

好吧，我有点困惑。我已下载并包含 sass.js文件放入我的网页 head 部分:

<script src="assets/plugins/sassjs/sass.js"></script>

这是我在 body 部分中的代码:

<span id="foo">This text should be green</span>

下面是我尝试编译的代码(也放置在 head 部分):

    <script>
    // init a SAAS instance
    var sass = new Sass();

    // Example
    var scss = '$color: green; #f00 { color: $color; }';
    sass.compile(scss, function(result) {
        console.log(result);
    });
    </script>

因此，我确实在控制台中输出了编译结果，但样式不适用。我是否遗漏了一些东西，并且它只能与 Node.js 一起使用？我真的不明白这应该如何运作。

Answer 1

您需要添加<style>元素并将结果插入其中:

// in HTML
<style id="sass"></style>

// in JS
document.getElementById('sass').innerText = result.text;