Vue Option de pré-processeur CSS CLI: Dart-sass VS node-sass?
Lors de la création d'un nouveau projet avec CLI (v3.7.0), il y a une option pour choisir entre Dart-sass ou node-sass compilateur.
Comment se comparent-ils les uns aux autres, pour être plus précis que déclaré dans Vue docs ?
Un conseil sur les performances Sass
Notez que lorsque vous utilisez Dart Sass, la compilation synchrone est deux fois plus rapide que la compilation asynchrone par défaut, en raison de la surcharge des rappels asynchrones. Pour éviter cette surcharge, vous pouvez utiliser le package fibres pour appeler des importateurs asynchrones à partir du chemin de code synchrone. Pour cela, installez simplement les fibres en tant que dépendance de projet:
npm install -D fibersVeuillez également être conscient, car il s'agit d'un module natif, il peut y avoir des problèmes de compatibilité sur le système d'exploitation et l'environnement de génération. Dans ce cas, veuillez exécuter
npm uninstall -D fiberspour résoudre le problème.
? 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 créer un nouveau projet suggère toujours Dart-sass comme première option avant node-sass. Pourtant, il a été établi ici que node-sass est le choix le plus performant, et presque personne n'utilise Dart-sass (commentaire de ccleve).
node-sass ne fonctionne pas avec le nœud v.12