溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

在vue-cli創建的項目中使用sass的方法

發布時間:2020-08-12 15:28:14 來源:億速云 閱讀:449 作者:小新 欄目:開發技術

這篇文章主要介紹在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創建的項目中使用sass的方法

解決方案:

安裝以下依賴就可以了,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的方法的所有內容,感謝各位的閱讀!希望分享的內容對大家有幫助,更多相關知識,歡迎關注億速云行業資訊頻道!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女