在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操作就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

