首先，讓我想說的是，現(xiàn)在有很多的更新，網(wǎng)上的一些也有的沒用了，

接下來讓我來分享一些我的解決方法，時(shí)間：2018.12/18.

1.和網(wǎng)上的一樣，我用的是creat-react-app創(chuàng)建的項(xiàng)目，修改主題的方式也是用的：run eject后的項(xiàng)目結(jié)構(gòu)的webpack.config.dev.js修改

第一步：

yarn run eject

　或者

npm run eject　　

然后在目錄結(jié)構(gòu)就會(huì)多一個(gè)文件夾

我們要修改的webpack.config.dev.js（開發(fā)時(shí)）和webpack.config.prod.js（打包時(shí)）文件，

但是還要下載幾個(gè)插件

1.下載babel-plugin-import

2.下載less和less-loader?

1.npm install babel-plugin-import -s或者 yarn add babel-plugin-import

　　

2. npm install -s less//less-loader npm install --save-dev less-loader less或者yarn add less//less-loaderyarn add less-loader

　　3.類似下載第三方插件的事就不多說了 進(jìn)入正題。

1.打開webpack.config.dev.js

如圖

先嘮叨一下，網(wǎng)上有很多的過時(shí)了，比如修改

test: /\.(css)$/,

的，你會(huì)發(fā)現(xiàn)，根本沒有，結(jié)構(gòu)都變了

那是因?yàn)?/p> test: /\.(css)$/,

都寫成了這樣

我也是被坑的很慘，我為此找了好多文檔，終于總結(jié)出來了，開始

下載好之后，找到這個(gè)位置把 plugins改成如下

?

"plugins": [["import", {"libraryName": "antd", "libraryDirectory":"es", "style": true}],[

　　然后ctrl+F 在搜索欄中輸入exclude 在exclude中加入/\.less$/,

?

最后在找到這個(gè)位置在rules中的use[]后面加入代碼如圖

{test: /\.less$/,//include: paths.appSrc,use: [{loader: "style-loader" // creates style nodes from JS strings}, {loader: "css-loader" // translates CSS into CommonJS}, {loader: "less-loader",// compiles Less to CSSoptions: {sourceMap: true,modifyVars: {'primary-color': '#1DA57A','link-color': '#1DA57A','border-radius-base': '2px',},javascriptEnabled: true,}}]},

　　最后重啟，效果如圖

如果此報(bào)錯(cuò)

網(wǎng)上的，我也有這個(gè)錯(cuò)誤，如果沒加/\.less$/,也會(huì)包這個(gè)錯(cuò)誤

?

?

?

轉(zhuǎn)載于:https://www.cnblogs.com/zlf888/p/10136535.html

總結(jié)

以上是生活随笔為你收集整理的Antd 修改主题颜色2018 最新版 填坑记录的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。