React中less无法使用，less如何配置（暴力简单）

首先大家明白一点React中默认是配置Sass的，所以想要配置Less的话看下面：

1.有一些第三方的框架会默认配置less 例如：

a:umi.js （蚂蚁金服前端框架）按照该框架官方文档引入即可

2.手动配置Less即可

a.首先先创建一个初始的React-app。此时，就算import less也无法应用，因为React提供的脚手架为creact-react-app默认配置sass。

b.接下来，就是固定的npm安装less

npm install less less-loader --save

c.在创建好的项目文件夹中找到 package-lock.json 文件进入，Ctrl+f后输入eject找到该行代码

"scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },

d.运行eject，中间可能会需要输入y去确定其他配置，可直接一y到底

npm eject||yarn eject

e.此时，项目列表下的config文件夹中可以找到 webpack.config.js 这个文件，打开进入

f.Ctrl+f查找输入sassreg