Verstehen Sie schnell, wie node16+ die entsprechende Sass-Umgebung konfiguriert

Wenn sich die Node-Sass-Version von der lokalen node-Version unterscheidet, wird ein Fehler gemeldet. Wie konfiguriert Node die entsprechende Sass-Umgebung? In diesem Artikel erfahren Sie, wie Sie die entsprechende Sass-Umgebung in Node16+ konfigurieren.

Ein neuer Kollege hat mein vorheriges Projekt ausgeführt, aber es konnte nicht ausgeführt werden, egal was passierte. Er meldete ständig node-sass-Fehler und es dauerte lange, es zu beheben war zu quälend. node-sass的错，搞了好久也没解决，太折磨人了。

发现

• 同事版本的node与我本地的node版本不同, 他是16+我是14+,太折磨人了。经过查询资料，发现node各个版本对应的sass不同

1、node-sass准确使用

node-sass对应表

参考（https://www.npmjs.com/package/node-sass）

node 16正确版本姿势

• package.json

"node-sass": "^6.0.1",
"sass-loader": "^10.0.1",

• vue.configl.js全局变量也要修改

loaderOptions: {
  sass: {
    //以下两种都可以
    additionalData: `@import "~@a/scss/entrance.scss";`//sass-laoder 10+版本
    //prependData: `@import "./src/assets/scss/entrance.scss";`// sass-loader 8+版本
  },

node-sass与sass-loader的匹配

sass-loader 4.1.1，node-sass 4.3.0
sass-loader 7.0.3，node-sass 4.7.2
sass-loader 7.3.1，node-sass 4.7.2
sass-loader 7.3.1，node-sass 4.14.1

推荐使用node管理工具nvm

• 这样我们可以来回自如的切换node版本，可以适配不同项目环境。

nvm参考：

https://blog.csdn.net/weixin_44748205/article/details/115118322

2、更推荐使用dart-sass

• 今后主流方向是dart-sass
• 使用

1、卸载node-sass

Entdeckt

• Kollegenversion von node und meinem lokalen node</code >Die Versionen sind unterschiedlich, er ist <code>16+ und ich bin 14+, es ist so quälend. Nachdem ich die Daten abgefragt hatte, stellte ich fest, dass node für jede Version verschiedenen sass-Versionen entspricht

1. Knoten-Genaue Verwendung von Sass

Knoten-Sass-Korrespondenztabelle

Referenz (https:/ /www.npmjs.com /package/node-sass)

Knoten 16 korrekte Versionshaltung

• package.json

"sass": "1.32",
"sass-loader": "^10.0.5",

• vue.configl.jsGlobale Variablen müssen ebenfalls geändert werden

rrreee Übereinstimmung zwischen Node-Sass und Sass-Loaderrrreee🎜Es wird empfohlen, das Node-Management-Tool nvm zu verwenden🎜

• Auf diese Weise können wir Node-Versionen frei hin und her wechseln und uns anpassen verschiedene Projektumgebungen.

🎜🎜nvm-Referenz: 🎜🎜https://blog.csdn.net/weixin_44748205/article/details/115118322🎜

2. Es wird eher empfohlen, dart-sass zu verwenden

• Die Hauptrichtung in der Zukunft ist die Verwendung von dart-sass

🎜1. Deinstallieren Sie node-sass🎜2. Installieren Sie 🎜rrreee🎜3. Wenn Sie auf Warnprobleme stoßen, lesen Sie bitte 🎜Probleme🎜 erreicht🎜🎜Weitere knotenbezogene Kenntnisse finden Sie unter: 🎜nodejs-Tutorial🎜! ! 🎜

Das obige ist der detaillierte Inhalt vonVerstehen Sie schnell, wie node16+ die entsprechende Sass-Umgebung konfiguriert. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!