javascript - 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 上知道这个库并且可以与这个问题相关的其他人,但值得一试。
我错过了什么?
解决方案
文档缺少最关键的部分。SassJS声明了一个全局构造函数,Sass
. 构造它:
var sass = new Sass();
sass.compile(this.code.css, function(result) {
console.log(result);
});
推荐阅读
- reactjs - 如何使用 react-select 选择 defaultValue
- next.js - 如何使用 keystonejs 服务下一个 js 应用程序?
- javascript - echarts - 能够在地图上添加纹理条纹
- html - 如何从选择列表中更改箭头图标
- c# - 输出变量和嵌套 lambda
- javascript - 如何将文本块动态拆分为 jsPDF 的页面?
- c++ - 捕获类实例时将 Lambda 作为“成员”
- pdf - 如何在 PDF 文档上呈现数学
- html - ITextRenderer - 生成的 Pdf 媒体框中的文本框
- angular - 将 Angular 应用程序转换为库