indent

sass中@use & @forward的区别

node-sass编译器已弃用

最近在维护h5-webp项目时,发现node-sass编译器被弃用。

去官方查看推荐的编译器:

The Sass team maintains two Node.js packages for Sass, both of which support the standard JavaScript API. The sass package is pure JavaScript, which is a little slower but can be installed on all platforms Node.js supports. The sass-embedded package wraps a JS API around the Dart VM, so it’s faster but only supports Windows, Mac OS, and Linux.

因此,官方维护的包有2个,sass和sass-embedded,两者选其一即可。

sass和sass-embedded的区别

sass和sass-embedded都是同样的js api接口,sass全部用js实现,sass-embedded底层使用 Dart VM包装了JS API。

因此sass-embedded编译速度优势明显,在大项目建议使用sass-embedded。

npm create vue@latest新建的项目里,直接导入scss文件,也会提示安装sass-embedded。

用法上的区别

sass弃用import,用use、forward替代
sass弃用import

use & forward的使用与区别

@use & @forward in SASS

849890769@qq.com

Proudly published with Hexo