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