在vue-cli創(chuàng)建的項(xiàng)目中使用sass的方法

發(fā)布時(shí)間：2020-08-12 15:28:14 來(lái)源：億速云閱讀：444 作者：小新欄目：開(kāi)發(fā)技術(shù)

這篇文章主要介紹在vue-cli創(chuàng)建的項(xiàng)目中使用sass的方法，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

安裝sass-loader node-sass

cnpm install sass-loader node-sass -D

-D是--save-dev的縮寫(xiě)

安裝之后有的會(huì)報(bào)錯(cuò)：

this.getReslove is not a function....

這時(shí)因?yàn)閟ass-loader的版本太高的原因，在package.json 長(zhǎng)修改sass-loader的版本低于8.0,刪除node_modules文件加，重新安裝就ok了

補(bǔ)充知識(shí)：vue-cli的項(xiàng)目 style lang="scss" 寫(xiě) scss樣式報(bào)錯(cuò)

報(bào)錯(cuò)代碼：

在vue-cli創(chuàng)建的項(xiàng)目中使用sass的方法

解決方案：

安裝以下依賴(lài)就可以了，vue-cli默認(rèn)沒(méi)有scss-loader,scss-loader又需要node-sass，只安裝scss-loader是不行的。另外webpack就不需要配置了，因?yàn)関ue-cli會(huì)幫你配置安裝的loader

"node-sass": "^4.5.1",
  "sass-loader": "^6.0.3",
  "scss": "^0.2.4",
  "scss-loader": "^0.0.1",

npm install （上面幾個(gè)包） --save

ok！

以上是在vue-cli創(chuàng)建的項(xiàng)目中使用sass的方法的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問(wèn)一下細(xì)節(jié)

猜你喜歡