支持less
create-react-app 2.+支持sass、css,但是不支持less。为了要应用基于less开发的AntDesign组件,我们需要使项目支持less。
执行步骤
- 我们首先执行以下代码来暴露webpack配置:
yarn run eject
如果产生报错This git repository has untracked files or uncommitted changes,可参考解决方案
- 添加less、less-loader依赖
yarn add less less-loader
- 在webpack.config.js文件中做以下修改
1.
在40行左右添加less匹配项
// style files regexes 样式匹配规则
const cssRegex = /\.css$/;
const cssModuleRegex = /\.module\.css$/;
const sassRegex = /\.(scss|sass)$/;
const sassModuleRegex = /\.module\.(scss|sass)$/;
// 新加less匹配项
const lessRegex = /\.less$/;
const lessModuleRegex = /\.module\.less$/
2.
在400行左右新增less配置
//在sass的配置下新增less配置