首页 > 解决方案 > ReferenceError:未定义 sass - Sass.js

问题描述

我正在尝试使用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 上知道这个库并且可以与这个问题相关的其他人,但值得一试。

我错过了什么?

标签: javascriptcsssass

解决方案


文档缺少最关键的部分。SassJS声明了一个全局构造函数Sass. 构造它:

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

推荐阅读