create-react-app中使用less

一、使用npm run eject，暴露webpack配置（暴露在根目录config路径下）;

二、安装less和less-loader

        npm install less-loader less -D

三、修改config->webpack.config.js

1、文件中搜索const sassModuleRegex

 

 在下面添加配置：

const lessRegex = /\.less$/;

const lessModuleRegex = /\.module\.less$/;

2、配置lessRegex和lessModuleRegex

文件中搜索sass-loader，复制两项sass-loader配置，修改对应项为less

3、重启项目，完成配置。

四、配置过程中出现的问题

1、运行报错：TypeError:this.getOptions is not a function

原因：less-loader版本过高

解决方案：安装指定版本的less

npm install less@3.9.0 less-loader@4.1.0 --save-dev