ReferenceError:未定义sass-Sass.js

时间:2018-07-10 21:00:54

标签: javascript css sass

我正在尝试使用SassJS将SCSS编译为CSS。

根据SassJS的文档,它说我可以通过执行以下操作来使用编译器:

<script src="dist/sass.js"></script>
<script>
    var scss = '$someVar: 123px; .some-selector { width: $someVar; }';
    sass.compile(scss, function(result) {
        console.log(result);
    });
</script>

这就是我所做的:

<script src="js/vendor/sassjs/dist/sass.js">
<script>
    sass.compile(this.code.css, function(result) {
        console.log(result);
    });
</script>

我已经仔细检查了以下内容:a:我已经成功加载了sass.js脚本,而b:我已经检查了this.code.css包含SCSS代码。

但是,尝试运行脚本时出现以下错误:

Uncaught ReferenceError: sass is not defined

我真的不明白我所缺少的内容或文档中所缺少的内容,这使我无法正常工作。我认为我正在竭尽全力,试图在SO上找到其他人,这些人都知道这个库,并且可以解决这个问题,但是值得一试。

我想念什么?

1 个答案:

答案 0 :(得分:1)

文档缺少最关键的部分。 SassJS declares a global constructorSass。构造它:

var sass = new Sass();
sass.compile(this.code.css, function(result) {
  console.log(result);
});