溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下node16+怎么配置對應的sass環境，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！
新同事跑我之前的項目，怎樣都跑不起來，一直報
node-sass的錯，搞了好久也沒解決，太折磨人了。
同事版本的node與我本地的node版本不同, 他是16+我是14+,太折磨人了。經過查詢資料，發現node各個版本對應的sass不同
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版本，可以適配不同項目環境。
今后主流方向是dart-sass
使用
1、卸載node-sass
2、安裝
"sass": "1.32", "sass-loader": "^10.0.5",
3、遇到警告問題，參考issues，降級可以實現
看完了這篇文章，相信你對“node16+怎么配置對應的sass環境”有了一定的了解，如果想了解更多相關知識，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
