React项目打包

1.create-react-app

安装create-react-app可以直接使用 npm 命令进行全局安装.

npm install -g create-react-app   //全局安装create-react-app
create-react-app app   //创建一个app文件夹
cd app/    //转到 app文件夹
npm start    //运行

2.项目打包编译

打开本地浏览器输入:localhost：3000,此时便是开发模式

 

若使用npm run build，代码会被编译到build目录。将整个应用打包发布，自动试用webpack进行压缩与优化。

在项目路径下，敲npm run build，就出现了build文件夹，同时终端显示一些文字：大致意思是：已经编译好啦。build生成的这些东西要放在服务器root下

3.搭建本地服务器

运用nginx代理本地启动的react项目

location  /app/ {
			#本地
			proxy_pass http://localhost:3000/app/;
			}

项目启动成功后提示 :

You can now view app in the browser.

Local:            http://localhost:3000/
On Your Network:  http://xx.xx.xx.xxx:3000/

Note that the development build is not optimized.
To create a production build, use yarn build.