? ? ? 這是我第一次配置這些晒他,沒有學(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文件了。