react使用antd,通过暴露eject(最新仅webpack.config.js),添加less和自定义主题

先安装下 yarn add    less   less-loader  babel-plugin-import 三兄弟

1) 添加lessRegex, lessModuleRegex

react使用antd,通过暴露eject(最新仅webpack.config.js),添加less和自定义主题_第1张图片

2) 修改getStyleLoaderes方法,添加如下两处

react使用antd,通过暴露eject(最新仅webpack.config.js),添加less和自定义主题_第2张图片
react使用antd,通过暴露eject(最新仅webpack.config.js),添加less和自定义主题_第3张图片

less配置一定要放在postCss后面,不然会有syntax error: word unknown报错!

javascriptEnabled必须添加,不然报错inline javascript is not enabled. is it set in your options?

modifyVars为修改主题,类似于非暴露中的用法。

3)添加如下

react使用antd,通过暴露eject(最新仅webpack.config.js),添加less和自定义主题_第4张图片

完!

你可能感兴趣的:(react使用antd,通过暴露eject(最新仅webpack.config.js),添加less和自定义主题)