Beim Erstellen eines neuen Projekts mit CLI (v3.7.0) können Sie zwischen einem dart-sass
oder einem node-sass
Compiler wählen .
Wie vergleichen sich diese miteinander, um genauer zu sein als in Vue-Dokumenten angegeben ?
Ein Tipp zur Sass-Leistung
Beachten Sie, dass bei Verwendung von Dart Sass die synchrone Kompilierung aufgrund des Overheads asynchroner Rückrufe standardmäßig doppelt so schnell ist wie die asynchrone Kompilierung. Um diesen Overhead zu vermeiden, können Sie das Glasfaserpaket verwenden, um asynchrone Importeure aus dem synchronen Codepfad aufzurufen. Um dies zu ermöglichen, installieren Sie einfach Fasern als Projektabhängigkeit:
npm install -D fibers
Da es sich um ein natives Modul handelt, können Kompatibilitätsprobleme je nach Betriebssystem und Build-Umgebung auftreten. In diesem Fall führen Sie bitte aus
npm uninstall -D fibers
, um das Problem zu beheben.
? 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
EDIT 2020/01: Vue CLI 4.2.2 neues Projekt erstellen schlägt noch dart-sass
als erste Option vor node-sass
. Hier wurde jedoch festgestellt, dass dies node-sass
die performantere Wahl ist, und fast niemand verwendet Dart-Sass (Kommentar von Ccleve).
EDIT 2020/09: Da Ali Bahrami seine ausführliche Antwort aktualisiert hat, dart-sass
ist dies die bevorzugte Wahl, da node-sass
sie als veraltet markiert wird .
Schade, dass dart-sass
es sich um eine JS-kompilierte Version handelt, die eine schlechte Leistung aufweist. Die Entwickler sind sich dessen jedoch bewusst und arbeiten auf eine höhere Leistung hin, wie in dieser Ausgabe angegeben .
Antworten:
Update 17.09.2020 :
Da diese Antwort jeden Tag positiv bewertet wird, dachte ich, dass es sich lohnt, tiefer in dieses Thema einzutauchen.
Betrachtet man die sass-lang-Website :
Dart-Sass ist schnell, aber nicht die JS-kompilierte Version . Wenn wir Dart-Sass sagen, gibt es praktisch zwei Möglichkeiten:
Ich habe die Bootstrap 4 Sass-Datei mit Node-Sass, Dart-Sass und Dart-Sass (JS) zu CSS kompiliert und Sie können das folgende Ergebnis sehen:
Ich habe hier darüber gebloggt , hier kannst du mehr darüber lesen.
quelle
dart-sass
es schneller ist?Node-Sass ist zwar schneller als Dart-Sass, aber zum Zeitpunkt des Schreibens ist dieser Dart-Sass die einzige Bibliothek, die die
@use
Regel implementiert , die dringend empfohlen wird@import
. Laut der offiziellen sass-lang-Website :Darüber hinaus
@import
wird es in den nächsten Jahren schrittweise auslaufen und schließlich vollständig aus der Sprache entfernt.Um über die Best Practices in Sass auf dem Laufenden zu bleiben, sollten Sie vorerst Dart-Sass (dh Sass ) verwenden.
quelle
@use
auf diesem Punkt, es scheint, dass dies die Wiederherstellungszeiten mit inkrementellen Builds während der