React + Sass

 Sass很多公司面試都喜歡問這個,今天就寫一篇簡單的sass安裝+使用過程
技術棧很簡單,就React + Sass,本文着重討論sass不整太多東西

創建項目:create-react-app react-sass
安裝依賴:npm install --save-dev node-sass
 
create-react-app 創建的react項目默認就是支持Sass的,
使用只要安裝node-sass即可使用
 

以上就是sass的安裝過程,具體怎麼用其實看官網跟着寫就行了 

 

項目上使用:

 

 

頁面效果

 

 node-sass版本報錯:

 我的node版本跟node-sass不配合

 

目前解決方案如下:
查看node版本:node -v

 

去官網對比下版本號,不同node版本對應不同node-sass版本

 然後安裝對應的版本:npm install node-sass@對應的版本號

 
比如我是node版本是12(有點老了。。)對應的就是4.12+
所以我安裝4.14.1版本:npm install [email protected]

 

最後說點什麼:
網上看文章感覺大家都喜歡聊一個技術的時候都下意識的扯到很多其他技術或者內容
雖然拓展了技術範圍但同時也容易造成核心技術被幹擾,
特別是小白完全被帶暈了(小白:我只想學xx技術怎麼大佬給我整那麼多前置技術才能學我想要的xx技術(ಥ_ಥ)!!)
所以我個人覺得聊一個技術的時候就儘量只說一個東西,別整太多胡裏花哨,想拓展可以再寫一篇文章專門聊嘛

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章