安裝了幾次，發(fā)現(xiàn)很坑的地方安裝必須@版本號不然不行，我的node是14版本

npm install sass-loader@7.3.1 --save-dev //安裝sass-loader npm install node-sass@4.14.1 //安裝node-loader npm install style-loader --save-dev //安裝style-loader這個(gè)可以不用@

然后再vue.config.js中寫

css: {loaderOptions: {sass: {data: `@import "~@/assets/css/variables.scss";`}// scss: {// prependData: `@import "~@/assets/css/variables.scss";`// }}},

然后再assets/css創(chuàng)建variables.scss

如果node版本為16以上用下面的版本或者改用less

"node-sass": "^6.0.1", "sass-loader": "^10.0.1", 創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

總結(jié)

以上是生活随笔為你收集整理的vue中安装sass的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。