在React腳手架中使用Less

1.什么是Less?

Less 是一門 CSS 預(yù)處理語言,它擴展了 CSS 語言,增加了變量、Mixin、函數(shù)等特性,使 CSS 更易維護和擴展。具體介紹可以參照官網(wǎng)Less官網(wǎng)。

2.怎么在React中使用Less?

第一步:首先安裝 less和less-loader 終端命令 => npm install less less-loader --save-dev。

第二步:我們需要配置webpack.config.js文件,通過運行命令 npm run eject ,成功后會在項目根目錄下生成一個config的文件夾。如果報錯可以嘗試一下步驟 終端命令 => git add .? 然后終端命令 =>?git commit -m "init" 最后嘗試npm run eject 。

第三步:找到config文件夾下面的?webpack.config.js文件,修改里面的配置如下 添加less和修改sass-loader為less-loader.


?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容