如下图所示:
可以使用 npm install -g sass 全局安装 Sass,这将提供对 sass 可执行文件的访问。 您还可以使用 npm install --save-dev sass 将其添加到您的项目中。 这提供了可执行文件和库:
const sass = require('sass');
const result = sass.compile(scssFilename);
// OR
// Note that `compileAsync()` is substantially slower than `compile()`.
const result = await sass.compileAsync(scssFilename);
Legacy API
Dart Sass 还支持与 Node Sass 完全兼容的旧版 JavaScript API(下面列出了一些例外情况),同时支持 render() 和 renderSync() 函数。 此 API 已被弃用,将在 Dart Sass 2.0.0 中删除,因此在新项目中应避免使用。
Sass 对旧版 JavaScript API 的支持有以下限制:
-
仅支持 outputStyle 的
expanded
和compressed
值。 -
Dart Sass 不支持精度选项。 Dart Sass 默认为所有现有浏览器提供足够高的精度,并且使这种可定制性会大大降低代码效率。
-
Dart Sass 不支持 sourceComments 选项。 源映射是定位生成选择器原点的推荐方法。
在 node_modules
文件夹下可以找到 sass
的代码仓库 url:
https://github.com/sass/dart-sass
那么什么是 Dart sass
?Dart 是一种针对客户端优化的语言,用于在任何平台上开发快速应用程序。 它的目标是为多平台开发提供最高效的编程语言,并为应用程序框架提供灵活的执行运行时平台。
语言是由它们的技术包络定义的——在开发过程中做出的决定了语言的能力和优势的选择。 Dart 专为特别适合客户端开发的技术信封而设计,优先考虑开发(亚秒级状态热重载)和跨各种编译目标(Web、移动和桌面)的高质量生产体验。
Dart 也是 Flutter 的基础。 Dart 提供了支持 Flutter 应用程序的语言和运行时,但 Dart 还支持许多核心开发任务,例如格式化、分析和测试代码。
Flutter 是 Google 的一个开源框架,用于从单个代码库构建漂亮的、本机编译的多平台应用程序。
网友评论