在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操作就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
vue,angular,avalon這三種MVVM框架優(yōu)缺點
本文給大家具體分析了下vue,angular,avalon這三種MVVM框架優(yōu)缺點,十分的細致全面,有需要的小伙伴可以參考下2016-04-04詳解vue-router 動態(tài)路由下子頁面多頁共活的解決方案
這篇文章主要介紹了vue-router 動態(tài)路由下子頁面多頁共活的解決方案,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2019-12-12vue使用GraphVis開發(fā)無限拓展的關系圖譜的實現(xiàn)
本文主要介紹了vue使用GraphVis開發(fā)無限拓展的關系圖譜,文中通過示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2021-08-08vue出現(xiàn)Uncaught SyntaxError:Unexpected token問題及解決
這篇文章主要介紹了vue出現(xiàn)Uncaught SyntaxError:Unexpected token問題及解決,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-04-04