Comprenez rapidement comment node16+ configure l'environnement sass correspondant

Si la version node-sass est différente de la version locale node, une erreur sera signalée. Alors, comment node configure-t-il l'environnement sass correspondant ? Cet article vous présentera comment configurer l'environnement sass correspondant dans node16+. J'espère que cela vous sera utile !

Un nouveau collègue a exécuté mon projet précédent, mais il ne pouvait pas fonctionner quoi qu'il arrive. Il n'arrêtait pas de signaler des erreurs node-sass, et il a fallu beaucoup de temps pour le résoudre. C'était trop tortueux. 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

Découvert

• Version de mes collègues de node et de mon node</code local >Les versions sont différentes, il a <code>16+ et moi j'ai 14+, c'est tellement tortueux. Après avoir interrogé les données, j'ai trouvé que node correspond à différentes versions de sass pour chaque version

1. node- Utilisation précise de sass

table de correspondance node-sass

Référence (https:/ /www.npmjs.com /package/node-sass)

posture de la version correcte du nœud 16

• package.json

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

• vue.configl.jsLes variables globales doivent également être modifiées

rrreee Correspondance entre node-sass et sass-loaderrrreee🎜Il est recommandé d'utiliser l'outil de gestion de nœuds nvm🎜

• De cette façon, nous pouvons changer librement de version de nœud et nous adapter à différents environnements de projet.

🎜🎜référence nvm : 🎜🎜https://blog.csdn.net/weixin_44748205/article/details/115118322🎜

2. Il est plus recommandé d'utiliser dart-sass

• La direction dominante à l'avenir est d'utiliser dart-sass

🎜1. Désinstallez node-sass🎜2. Installez 🎜rrreee🎜3. Si vous rencontrez des problèmes d'avertissement, veuillez vous référer aux 🎜problèmes🎜, une rétrogradation peut être effectuée. réalisé🎜🎜Pour plus de connaissances sur les nœuds, veuillez visiter : 🎜tutoriel Nodejs🎜 ! ! 🎜

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!