关于 SAP 电商云 Spartacus UI package.json 中的 sass 依赖

举报
Jerry Wang 发表于 2022/11/06 15:03:36 2022/11/06
【摘要】 如下图所示:可以使用 npm install -g sass 全局安装 Sass,这将提供对 sass 可执行文件的访问。 您还可以使用 npm install --save-dev sass 将其添加到您的项目中。 这提供了可执行文件和库:const sass = require('sass');const result = sass.compile(scssFilename);// OR...

如下图所示:

可以使用 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 的 expandedcompressed 值。

  • 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 的一个开源框架,用于从单个代码库构建漂亮的、本机编译的多平台应用程序。

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。