React项目环境配置及搭建

搭建React脚手架 create-react-app

为了快速地进行构建使用 React 的项目，FaceBook 官方发布了一个无需配置的、用于快速构建开发环境的脚手架工具 create-react-app。

 

第一步：创建react项目

 npx create-react-app my-app（my-app项目名称）

第二步：配置less编译文件

运行npm install less-loader@5.0.0命令安装less

第三步：先把项目上传至本地仓库

第四步：命令行内执行 npm run eject命令暴露配置文件

npm run eject

第五步：打开react项目，修改 config/webpack.config.js 

（全局搜索sass,把有sass的地方替换成less）

第六步：启动项目

执行npm start命令

运行效果