一、安装
cnpm install create-react-app -g 全局安装一次即可
二、创建react应用
create-react-app 是全局命令来创建react项目
create-react-app testreact 使用命令创建 testreact项目(该命令执行时间会有些长,请耐心等待)
主要依赖有 react,react-dom,react-script
三、抽离配置文件
你会发现文件下下并没有wenpack.config.js,并不是没有而是你没有找到。
执行 cnpm run eject (不可逆) 目的抽离配置
执行完成后,你会发现多了一个config文件夹,文件夹下就是你想要找的配置文件
四、配置@别名
路径:testreact / config / webpack.config.dev.js
找到resolve选项下的 alias 属性 (对象),添加如下语句
'@' : path.join(__dirname, '../', 'src')
路径:testreact / config / webpack.config.prod.js
找到resolve选项下的 alias 属性 (对象),添加如下语句
'@' : path.join(__dirname, '../', 'src')
五、取消自动打开浏览器
路径: testcreat / script / start.js
找到 定义的openBrowser 变量 ,和使用该变量的语句,注释即可
六、配置代理服务器
路径: testreact / package.json
找到proxy选项,若是没有,自行添加,
"proxy": "https://www.baidu.com/"