react中webpack.config.js配置lessless-loader less

? ? ? 這是我第一次配置這些晒他,沒有學(xué)過webpack,出過很錯,還好后來都一一改正逸贾。我覺得我遇到的大部分問題就是版本更新了陨仅,和老師教的時候用的有一些不一樣津滞,但是我想盡量不要去直接將那些包的版本降低,最好還是使用高版本的包灼伤。

1.安裝less-loader和less据沈,語句:yarn add less-loader? ?less? 或者? npm install?less-loader? ?less

2.在項目終端使用:yarn run eject? ?

暴露webpack (如果問是否要暴露,輸入y就行了)

3.在編譯器的項目文件夾中會多出來config文件饺蔑,文件目錄下會有webpack.config.js文件(版本低的會出現(xiàn)webpack.config.dev.js和webpack.config.prod.js锌介,這種的配置方法百度上挺多的,我這里就只記錄一下webpack.config.js)


4.點開webpack.config.js文件(我也不知道里面寫的是什么)現(xiàn)在要修改里面的內(nèi)容了

1)https://ant.design/docs/react/customize-theme-cn是antD的主題定制頁面猾警,我覺得里面的方法應(yīng)該算是最新的

2)點開鏈接可以找到這樣的一段代碼孔祸,將大的綠框出來的代碼粘貼復(fù)制出來,在webpack.config.js找到和這段被復(fù)制的代碼格式差不多的地方发皿,粘貼這段代碼(注意這段代碼要用{}包起來)崔慧,紅框的地方是用來做定制主題的,所以里面代碼看項目需不需要了


保存后再重啟穴墅,less就配置好了惶室,就可以在項目中使用.less文件了。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末玄货,一起剝皮案震驚了整個濱河市皇钞,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌松捉,老刑警劉巖夹界,帶你破解...
    沈念sama閱讀 219,427評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異隘世,居然都是意外死亡可柿,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,551評論 3 395
  • 文/潘曉璐 我一進(jìn)店門丙者,熙熙樓的掌柜王于貴愁眉苦臉地迎上來复斥,“玉大人,你說我怎么就攤上這事械媒∧慷В” “怎么了?”我有些...
    開封第一講書人閱讀 165,747評論 0 356
  • 文/不壞的土叔 我叫張陵滥沫,是天一觀的道長侣集。 經(jīng)常有香客問我,道長兰绣,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,939評論 1 295
  • 正文 為了忘掉前任编振,我火速辦了婚禮缀辩,結(jié)果婚禮上臭埋,老公的妹妹穿的比我還像新娘。我一直安慰自己臀玄,他們只是感情好瓢阴,可當(dāng)我...
    茶點故事閱讀 67,955評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著健无,像睡著了一般荣恐。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上累贤,一...
    開封第一講書人閱讀 51,737評論 1 305
  • 那天叠穆,我揣著相機與錄音蕴潦,去河邊找鬼匣缘。 笑死逾条,一個胖子當(dāng)著我的面吹牛绒尊,可吹牛的內(nèi)容都是我干的湖笨。 我是一名探鬼主播翼岁,決...
    沈念sama閱讀 40,448評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼簿晓,長吁一口氣:“原來是場噩夢啊……” “哼症革!你這毒婦竟也來了始鱼?” 一聲冷哼從身側(cè)響起仔掸,我...
    開封第一講書人閱讀 39,352評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎医清,沒想到半個月后嘉汰,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,834評論 1 317
  • 正文 獨居荒郊野嶺守林人離奇死亡状勤,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,992評論 3 338
  • 正文 我和宋清朗相戀三年鞋怀,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片持搜。...
    茶點故事閱讀 40,133評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡密似,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出葫盼,到底是詐尸還是另有隱情残腌,我是刑警寧澤,帶...
    沈念sama閱讀 35,815評論 5 346
  • 正文 年R本政府宣布贫导,位于F島的核電站抛猫,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏孩灯。R本人自食惡果不足惜闺金,卻給世界環(huán)境...
    茶點故事閱讀 41,477評論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望峰档。 院中可真熱鬧败匹,春花似錦寨昙、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,022評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至槽棍,卻和暖如春捉蚤,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背炼七。 一陣腳步聲響...
    開封第一講書人閱讀 33,147評論 1 272
  • 我被黑心中介騙來泰國打工缆巧, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人特石。 一個月前我還...
    沈念sama閱讀 48,398評論 3 373
  • 正文 我出身青樓盅蝗,卻偏偏與公主長得像,于是被迫代替她去往敵國和親姆蘸。 傳聞我的和親對象是個殘疾皇子墩莫,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,077評論 2 355

推薦閱讀更多精彩內(nèi)容

  • 1 Webpack 1.1 概念簡介 1.1.1 WebPack是什么 1、一個打包工具 2逞敷、一個模塊加載工具 3...
    Kevin_Junbaozi閱讀 6,673評論 0 16
  • 版權(quán)聲明:本文為博主原創(chuàng)文章,未經(jīng)博主允許不得轉(zhuǎn)載牛柒。 webpack介紹和使用 一堪簿、webpack介紹 1、由來 ...
    it筱竹閱讀 11,141評論 0 21
  • GitChat技術(shù)雜談 前言 本文較長皮壁,為了節(jié)省你的閱讀時間椭更,在文前列寫作思路如下: 什么是 webpack,它要...
    蕭玄辭閱讀 12,697評論 7 110
  • 寫在前面的話 閱讀本文之前蛾魄,先看下面這個webpack的配置文件虑瀑,如果每一項你都懂,那本文能帶給你的收獲也許就比較...
    不忘初心_9a16閱讀 3,235評論 0 17
  • 今天滴须,我和姐姐出去玩舌狗。忽然,下起了傾盆大雨扔水。姐姐拿出了雨傘給我擋雨痛侍,雨越下越大地上的水好像小河一樣。 ...
    梁靜茜閱讀 373評論 0 0