React脚手架解决不能使用less问题

引言

• 学编程，还是多敲代码呀，React脚手架不支持less，因此需要配置webpack的webpack.config.js文件

释放配置文件

• 我们在使用React脚手架的时候，发现发现是没有webpack.config.js文件的，需要在项目中执行yarn eject命令，我试过使用npm不行，因此需要安装yarn

 // 全局安装
 npm install yarn -g

下载less less-loader

• 使用 npm 或 yarn 下载均可

 // 使用npm
 npm install less less-loader --save-dev
 // 使用 yarn
 yarn add less less-loader

配置 webpack.config.js文件

• 当我们执行 yarn eject命令之后，项目根目录会多出一个文件夹config，点击打开即可看到webpack.config.js文件

• 第一步

  找到 const cssRegex = /\.css$/;这一句 修改为 `const cssRegex = /.(css|less)$/;

• 第二步

  在module属性下的rules添加一个对象 {test: /\.less$/, use: ['less-loader']}

`

来源：https://www.cnblogs.com/HJ412/p/11800407.html