官方的 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
7.首先配置支持Less 注释的地方是默认的地方,后面添加less
8.使webpack 编译less,添加一下此处的代码就好