在create-reaact-app项目中使用less

1. 导出webpack配置

npm run eject

2. 修改config/webpack.config.js文件

• 找到如下代码：

const sassRegex = /\.(scss|sass)$/;
const sassModuleRegex = /\.module\.(scss|sass)$/;

修改为：

const lessRegex = /\.(css|less)$/;
const lessModuleRegex = /\.module\.(css|less)$/;

• 再搜索sass-loader，将下图红框中的部分改为less...即可（图为修改后）
  image.png