react脚手架配置less

拉取webpack文件目录

默认情况下，webpack相关文件目录是隐藏的，需要执行以下命令才能看到。

yarn eject 或者
cnpm run eject 或者
npm run eject

安装less

cnpm i less less-loader --save-dev

点开项目文件夹，并依次找到 node_modules/react-scripts/config/webpack.config.js

在该文件中添加如下代码：

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

如图：

在这个文件里快捷键Ctrl+F 搜索 sassRege 并复制鼠标选中的代码。

在这个代码块后面换行，粘贴并做部分修改：
修改的地方有三处，如下图我选中的红色选框：

分别替换成 lessRegex, lessModuleRegex, ‘less-loader’ 并保存 如下图：

和step5一样。快捷键Ctrl+F 搜索 sassModuleRegex 复制鼠标选中的代码：

在这个代码快后面换行，粘贴并做部分修改：
修改的地方有两处，如下图我选中的红色选框：

分别替换成 lessRegex 、 less-loader’并保存 如下图：