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/"   
发布了44 篇原创文章 · 获赞 24 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/qq_43634982/article/details/84309277