文章前言一、准备React (一)构建react APP；二)安装基础插件；三)发布web包；四)使用Less
前言这次基于构建React使用环境的系列问题
一、React准备(一)创建react APP应用npx create-React-app dcourse，整理react APP应用，整理如下：
如果在terminal中输入yarn start，将出现以下错误：
解决方案：
1 .首先使用命令
npm install -g yarn 2.将yarn路径添加到环境变量的路径中
然后在terminal中输入yarn start
也可以使用系统的默认谷歌浏览器自动打开第一个网址，或打开两个网址之一进行预览： Ctrl Click。
(二)基础插件安装本次所需插件
react-router-domlessless-loaderaxiosjsonpantdyarnaddreact-router-domaxiosless-loader @4.0.1antd
(三)暴露webpack yarn eject使用上述命令求解项目结构时，报告thisgitrepositoryhasuntrackedfilesoruncommittedchanges。 下图：
这表明此git存储库中存在未跟踪或未提交的更改，并且git中存在尚未提交的项目。 使用以下命令初始化git会更好。
gitadd.git commit-am“savebeforeejecting”
yarn eject
.
(四)使用Less在上述暴露的webpack上找到config/webpack.config.js文件。
加上这两个句子：
然后，找到getStyleLoaders方法并添加下图所示的代码。
最后添加less支持：
less { test: lessRegex，exclude: lessModuleRegex，use : getstyleloaders ({ import loaders 3360，source map 3360 isenvpre ' less-loader '，sideEffects: true，}，{ test 3360 lessmodulereer } use : getstyleloaders (导入加载器：3， source map : isenvproductionshouldusesourcemap，modules : { getlocalident : getcssmodulelocalident，}，' less-loades-loades
然后，在App.js上部署App.less后，yarn start成功启动了项目，并成功设置为天蓝色，以便可以看到背景！