javascript - ReferenceError : sass is not defined - Sass. js

标签 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 上找到其他了解此库并可能与此问题相关的人,但值得一试。

我错过了什么?

最佳答案

文档缺少最关键的部分。 SassJS declares a global constructor , 萨斯。构造它:

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

关于javascript - ReferenceError : sass is not defined - Sass. js,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51273829/

相关文章:

javascript - 如何柯里化(Currying) jQuery 方法——哪个 `this` 值将传递 jQuery 对象?

javascript - 文本输入 : Limit input to numbers (0-9) and the minus sign (-). 未按预期工作

javascript - css/jQuery - 居中绝对定位的 div

css - 如何在背景图像上应用两个滤镜?

javascript - 滚动页面时如何准确定位 div 相对于鼠标指针的位置?

javascript - 使用 Javascript 导航,但更改 URL

jquery - 页脚淡入然后淡出

javascript - 将普通 Bootstrap 模板转换为 Angular

angularjs - Flexbox 在 iOS 移动浏览器和 OS X Safari 上的奇怪行为

css - Sinatra Assets 管道 - 不能使用链接到预编译的 css