react利用create-react-app搭建项目

一、安装

	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/"   
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值