vue-cli 3.x 到 vue-clic 4.x做了哪些优化?

208 阅读1分钟

vue-cli4.0版本从19年5月份已经开始更新alpha版本,vue-cli更新日志 image.png

从图中我们看出它的一些重要更新。

node-sass -> dart sass

Web开发中流行的CSS预处理器 - Sass 49,于2016年11月1日在博客正式对外公布了alpha版本的Dart Sass 106项目。 Sass的主要实现有Ruby Sass 17LibSass 32node-sass底层使用的是LibSass),它们都有各自的优缺点。Ruby Sass的实现语言是高级语言Ruby,更容易迭代,但存在运行速度慢,不易安装的缺点,尤其是 windows 用户,它强制用户在windows环境中必须安装python2Visual Studio才能编译成功。LibSass虽然速度快,但它的开发语言是C/C++,迭代速度慢,无法快速地添加各种功能。

为什么使用Dart?

Dart Sass的处理速度是Ruby Sass的5~10倍,且只比LibSass慢1.5倍左右。同时,Dart是一门具备静态类型的动态语言,对比C/C++甚至是Ruby,Dart相对更容易上手且代码也更易于编写和维护。此外,Dart具备编译输出为JavaScript的能力,使得Dart Sass可以兼容NodeJS平台。

sass官方已经将dart-sass作为未来主要的的开发方向了,有任何新功能它都是会优先支持。Ruby Sass目前也会同步维护,但在无人接手的情况下,它将逐渐边缘化。Sass项目组后续主要精力将转移到Dart Sass。

开发模式默认开启splitChunks

目前vue-cli 5.x 已处于beta版本 image.png vue-cli更新日志

未完待续~

如有错误欢迎指出。