這篇文章主要介紹在vue-cli創建的項目中使用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創建的項目中使用sass的方法的所有內容,感謝各位的閱讀!希望分享的內容對大家有幫助,更多相關知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。