node16+怎么配置對應的sass環(huán)境

發(fā)布時間：2021-12-21 09:36:08 來源：億速云閱讀：3240 作者：小新欄目：web開發(fā)

小編給大家分享一下node16+怎么配置對應的sass環(huán)境，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

新同事跑我之前的項目，怎樣都跑不起來，一直報node-sass的錯，搞了好久也沒解決，太折磨人了。

發(fā)現(xiàn)

同事版本的node與我本地的node版本不同, 他是16+我是14+,太折磨人了。經(jīng)過查詢資料，發(fā)現(xiàn)node各個版本對應的sass不同

1、node-sass準確使用

node-sass對應表

node16+怎么配置對應的sass環(huán)境

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版本，可以適配不同項目環(huán)境。

2、更推薦使用dart-sass

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

1、卸載node-sass
2、安裝

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

3、遇到警告問題，參考issues，降級可以實現(xiàn)

看完了這篇文章，相信你對“node16+怎么配置對應的sass環(huán)境”有了一定的了解，如果想了解更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！

向AI問一下細節(jié)

node16+怎么配置對應的sass環(huán)境

發(fā)現(xiàn)

1、node-sass準確使用

2、更推薦使用dart-sass

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標簽

2、更推薦使用dart-sass