官方的 create-react-app创建的项目默认是不支持 less 的，但是你又想 使用less咋办，有2个方式

第一：

使用第三方的脚手架，推荐使用蚂蚁金服的脚手架dva+umi

第二：

1.创建项目

   npm i -g   create-react-app
   create-react-app my-app（项目的名字）

2.安装 Less

    npm i  less less-loader --save

3.因为react 默认是不支持的，你要webpack 去修改配置
4.如何看到webpack 配置了， 打开你的 package.json 里面有一个

     "eject": "react-scripts eject"

5.使用npm 或者yarn 去运行 它，然后后续操作点击Y, 此操作是不可逆的，你点击确定就好

    npm eject 或者 yarn eject

6.然后找到 此目录 webpack.config.js

image.png

7.首先配置支持Less 注释的地方是默认的地方，后面添加less

image.png

8.使webpack 编译less，添加一下此处的代码就好

image.png