在vue-cli創(chuàng)建的項目中使用sass操作
更新時間：2020年08月10日 09:18:16 作者：半夏微瀾ぺ
這篇文章主要介紹了在vue-cli創(chuàng)建的項目中使用sass操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
安裝sass-loader node-sass
cnpm install sass-loader node-sass -D
-D是--save-dev的縮寫
安裝之后有的會報錯：
this.getReslove is not a function....
這時因為sass-loader的版本太高的原因，在package.json 長修改sass-loader的版本低于8.0,刪除node_modules文件加，重新安裝就ok了
補充知識：vue-cli的項目 style lang="scss" 寫 scss樣式報錯
報錯代碼：
解決方案：
安裝以下依賴就可以了，vue-cli默認沒有scss-loader,scss-loader又需要node-sass，只安裝scss-loader是不行的。另外webpack就不需要配置了，因為vue-cli會幫你配置安裝的loader
"node-sass": "^4.5.1", "sass-loader": "^6.0.3", "scss": "^0.2.4", "scss-loader": "^0.0.1",
npm install （上面幾個包） --save
ok！
以上這篇在vue-cli創(chuàng)建的項目中使用sass操作就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了vue3響應式數(shù)據(jù)與watch屬性的相關知識，本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2022-05-05
這篇文章主要介紹了vue中post請求以a=a&b=b 的格式寫遇到的問題,需要的朋友可以參考下2018-04-04
這篇文章主要給大家介紹關于前端Vue3父子組件傳參有關sync修飾符的用法詳細解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助2021-09-09
本文通過實例給大家詳細介紹了Vuejs與form元素的相關知識，非常不錯，具有參考借鑒價值,需要的朋友可以參考下2016-09-09
這篇文章主要為大家詳細介紹了Vue.js路由組件vue-router使用方法,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
這篇文章主要介紹了vue如何監(jiān)聽頁面緩存事件，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-05-05
這篇文章主要給大家介紹了關于axios不能使用Vue.use()的相關資料，文中通過示例代碼介紹的非常詳細，對大家的理解和學習具有一定的參考學習價值，需要的朋友可以參考借鑒，下面隨著小編來一起學習學習吧。2018-01-01
本文主要介紹了vue虛擬滾動/虛擬列表簡單實現(xiàn)示例,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2025-01-01
這篇文章主要介紹了如何手動銷毀Vue中掛載的組件，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
這篇文章主要介紹了解決vue-router 嵌套路由沒反應的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-09-09