自定義樣式覆蓋antd樣式,實現主題色切換

1、在webpack.config.js配置文件裏,在less-loader的options里加上javascriptEnabled: true

2、自定義一個去覆蓋antd的樣式的樣式文件,裏面重新定義在antd裏的變量

3、app.js文件裏引入公用變量文件variables.less,本人是建立了一個index.less,在裏面引入了variables.less,所以在我的入口文件app.js裏引入的是index.less

 

4、因爲我的項目使用的是react+redux,所以需要在container.js引入我們的公用樣式(main.less是我項目的全局樣式,引入了index.less)

5、在我們每個具體的less文件裏引入index.less或者variable.less,接着去使用公用的變量就OK了

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