create-react-app 创建项目 及 配置

一、使用 create-react-app 创建项目：https://blog.csdn.net/wisherg/article/details/89685000 （推荐，react开发看下这篇文章）

　　1、使用脚手架，创建好初始化的项目：https://www.runoob.com/react/react-install.html

　　2、删除 项目中 src文件夹里所有文件，并创建一个新的index.js，并拷贝如下代码到此文件：

import React from 'react';
import ReactDOM from 'react-dom';

ReactDOM.render(<div>Hello World！</div>, document.getElementById('root'));

　　　　刷新页面见效果

　　3、ReactDOM.render里面的渲染的html判断，可以写成组件引入。在src目录中创建一个 app.js 文件（即app组件），内容如下：

import React from 'react';

const App = () => (
<div>This is App</div>
);

export default App;

　 

二、修改 create-react-app 配置

1、端口号修改：https://www.jianshu.com/p/80a7603dda70（亲测有效）

　  在 根据 package.json 的启动，node_modules文件夹里面搜索react-scripts

2、配置 px 自动转 rem 的适配：https://blog.csdn.net/qq_43258252/article/details/87867560（亲测有效）

　  注意：a、配置 config/webpack.config.js 文件，需要先运行 npm run eject 命令（默认webpack的配置文件都是没有的，运行这个命令才能调出来）

　　　　  b、运行 npm run eject 命令（会修改package.json 文件，不可回退），要求 git 必须提交了代码，不然会报错。  https://blog.csdn.net/qq_38238041/article/details/85038184

3、项目 部署到非根目录下，react配置：https://blog.csdn.net/zeroyulong/article/details/86524340

4、配置 less：https://www.jianshu.com/p/d5dd8b108461