热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

VueCLICSS预处理程序选项:dart-sassVS节点-sass?

如何解决《VueCLICSS预处理程序选项:dart-sassVS节点-sass?》经验,为你挑选了1个好方法。

当创建与CLI(v3.7.0)的新项目中,有之间进行选择的选项dart-sassnode-sass编译器。

它们之间如何进行比较,以比Vue docs中声明的更具体?

Sass性能技巧

请注意,使用Dart Sass时,由于异步回调的开销,默认情况下,同步编译的速度是异步编译速度的两倍。为了避免这种开销,您可以使用Fiber包从同步代码路径中调用异步导入程序。为此,只需将光纤安装为项目依赖项即可:

npm install -D fibers

还请注意,由于它是本机模块,因此在操作系统和构建环境上可能存在兼容性问题。在这种情况下,请运行npm uninstall -D fibers以解决问题。

? Pick a CSS pre-processor (PostCSS, Autoprefixer and CSS Modules are supported by default): (Use arrow keys)
? Sass/SCSS (with dart-sass)
  Sass/SCSS (with node-sass)
  Less
  Stylus

Ali Bahrami.. 37

根据sass-lang官方网站的说法:

Dart Sass是Sass的主要实现,这意味着它在任何其他实现之前都具有新功能。它快速,易于安装,并且可以编译为纯Javascript,从而可以轻松集成到现代Web开发工作流中。

如果在Dart-VM内运行Dart-Sass,它的运行速度很快,但它表示可以编译为纯JS。的npmjs软件包dart-sass只是一个编译版本,比node-sass或慢native dart-sass

如果您正在寻找测量值,我建议在这里阅读有关信息,其中有示例和不同的编号:

在包含16个导入Bootstrap框架实例的文件上运行:

SASSC:0.820秒

脚本快照中的Dart Sass:1.558秒

Dart Sass本机可执行文件:0.927s

Node.js上的Dart Sass:3.129s基于这些数字,本机可执行文件中的Dart Sass大约为:

比libsass慢1.1倍

比Node上的Dart Sass快3.4倍

这是Dart Sass作为提前编译的本机代码运行的第一次测量,结果令人鼓舞。它远远低于微小文件的100ms阈值,并且在大多数测试用例中都可以与SassC媲美。SassC仍然在许多扩展的测试中处于领先地位,尽管只是很小的一部分,在我们的真实测试案例中仍然处于领先地位(尽管Dart Sass在其他案例中处于领先地位)。可以将这两种实现方式公平地描述为总体上具有相同的性能。

Node上的Dart Sass仍然比Dart VM上的速度慢得多,并且随着原始Dart代码变得更快,相对的速度变得更加明显。

我个人使用dart-sassnpmjs包而不是node-sassjs本机C库的包装)的个人经验dart-sass是(比起我,至少50倍,因为我有很多大型主题文件)要慢于node-sass



1> Ali Bahrami..:

根据sass-lang官方网站的说法:

Dart Sass是Sass的主要实现,这意味着它在任何其他实现之前都具有新功能。它快速,易于安装,并且可以编译为纯Javascript,从而可以轻松集成到现代Web开发工作流中。

如果在Dart-VM内运行Dart-Sass,它的运行速度很快,但它表示可以编译为纯JS。的npmjs软件包dart-sass只是一个编译版本,比node-sass或慢native dart-sass

如果您正在寻找测量值,我建议在这里阅读有关信息,其中有示例和不同的编号:

在包含16个导入Bootstrap框架实例的文件上运行:

SASSC:0.820秒

脚本快照中的Dart Sass:1.558秒

Dart Sass本机可执行文件:0.927s

Node.js上的Dart Sass:3.129s基于这些数字,本机可执行文件中的Dart Sass大约为:

比libsass慢1.1倍

比Node上的Dart Sass快3.4倍

这是Dart Sass作为提前编译的本机代码运行的第一次测量,结果令人鼓舞。它远远低于微小文件的100ms阈值,并且在大多数测试用例中都可以与SassC媲美。SassC仍然在许多扩展的测试中处于领先地位,尽管只是很小的一部分,在我们的真实测试案例中仍然处于领先地位(尽管Dart Sass在其他案例中处于领先地位)。可以将这两种实现方式公平地描述为总体上具有相同的性能。

Node上的Dart Sass仍然比Dart VM上的速度慢得多,并且随着原始Dart代码变得更快,相对的速度变得更加明显。

我个人使用dart-sassnpmjs包而不是node-sassjs本机C库的包装)的个人经验dart-sass是(比起我,至少50倍,因为我有很多大型主题文件)要慢于node-sass


推荐阅读
  • 《移动Web前端高效开发实战》笔记2——使用Gulp构建一个ECMAScript 6和Sass应用
    8.3.1安装和配置运行Gulp需要Node.js环境,请参看第二章内容搭建Node.js环境。使用NPM全局安装Gulp,命令如下:npminstallgulp-cli–g ... [详细]
  • 简介quickly-css是一个快速书写CSS样式的类库,项目采用scss,gulp构建,quickly-css方便了我们日常开发重复书写css的烦恼,它类似于bootstrap但 ... [详细]
  • npmrunbuild后dist文件夹下面直接浏览器打开index.html,css和js的路径都不正确。放到跟目录下就正常了,iis上同样只能在根目录下。我项目的目录如下: ... [详细]
  • 本文主要分享【】,技术文章【SassScss、Less是什么?】为【CRMEB】投稿,如果你遇到CRMEB,学习笔记相关问题,本文相关知识或能到你。Sass(SyntacticallyAw ... [详细]
  • 网络请求模块选择——axios框架的基本使用和封装
    本文介绍了选择网络请求模块axios的原因,以及axios框架的基本使用和封装方法。包括发送并发请求的演示,全局配置的设置,创建axios实例的方法,拦截器的使用,以及如何封装和请求响应劫持等内容。 ... [详细]
  • 本文介绍了如何使用vue-awesome-swiper组件,包括在main.js中引入和使用swiper和swiperSlide组件,以及设置options和ref属性。同时还介绍了如何在模板中使用swiper和swiperSlide组件,并展示了如何通过循环渲染swipes数组中的数据,并使用picUrl属性显示图片。最后还介绍了如何添加分页器。 ... [详细]
  • 随着前端技术的发展,越来越多的开发者开始使用react、vue等web框架,但很少有人深入理解这些框架的源码。然而,这些框架底层都是由原生的javascript构建而成。对于初学前端的人来说,可能会认为javascript很容易上手,但实际上只是因为它被高度封装了。与能够使用封装类的人相比,能够理解框架原理的人则处于另一个层面。本文将深入剖析jquery源码,探寻框架底层的原理,帮助读者更好地理解web框架的运行机制。 ... [详细]
  • 微信民众号商城/小顺序商城开源项目介绍及使用教程
    本文介绍了一个基于WeiPHP5.0开发的微信民众号商城/小顺序商城的开源项目,包括前端和后端的目录结构,以及所使用的技术栈。同时提供了项目的运行和打包方法,并分享了一些调试和开发经验。最后还附上了在线预览和GitHub商城源码的链接,以及加入前端交流QQ群的方式。 ... [详细]
  • VUE中引用路径的配置
    在vue项目开发中经常引用JS、CSS、IMG文件。当项目较大时文件层级很多,导致路径很长,我们可以通过在bulidwebpack.base.conf.js设置简便的引用路径一、 ... [详细]
  • loader资源模块加载器webpack资源模块加载webpack内部(内部loader)默认只会处理javascript文件,也就是说它会把打包过程中所有遇到的 ... [详细]
  • 【前端工具】nodejs+npm+vue 安装(windows)
    预备先看看这几个是干嘛的,相互的关系是啥。nodejs是语言,类比到php。npm是个包管理,类比到composer。vue是个框架&# ... [详细]
  • React 小白初入门
    推荐学习:React官方文档:https:react.docschina.orgReact菜鸟教程:https:www.runoob.c ... [详细]
  • RN即ReactNative基于React框架针对移动端的跨平台框架,在学习RN前建议最好熟悉下html,css,js,当然如果比较急,那就直接上手吧,毕竟用学习前面基础的时间,R ... [详细]
  • 媒介本文的前身是源自github上的项目awesome-github-vue,但由于该项目上次更新时候为2017年6月12日,许多内容早已逾期或是许多近期优异组件未被收录,所以小肆 ... [详细]
  • 入门Java需熟练掌握哪些技术呢?
    Java工程师无疑是当下令人艳羡的工作之一,因此,每年都有大批大批的朋友想要报名Java工程师学习Java也就不奇怪了。那么入门Java掌握哪些技术能力 ... [详细]
author-avatar
坚韧稻草
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有