react项目打包发布

使用create-react-app脚手架创建了react项目，现在想将其部署到公司的服务器上。

create-react-app封装了webpack，默认隐藏了webpack的配置，可以通过执行npm run eject命令将其显示出来，也可以不使用这种方法。

部署步骤：

1、打包react项目：npm run build

2、将其放到服务器能够访问的root目录下，如果是root目录下的项目名称文件夹下需要修改访问资源的路径（默认位置为根目录，其修改后的路径为相对路径）

否则控制台报错404，某些文件找不到，前台页面只能挂载index.html，其内部组件无法渲染。

解决有三种方法：方法1、修改packpage.json文件，添加第五行

亲测此种方法可行。

方法2、修改webpack的默认配置：

执行npm run eject命令

修改paths.js中的路径/为./；此方法未做尝试。

方法3、直接修改node_modules/react-scripts/config/paths.js这个文件中的 / 为 ./

参考博客链接：

https://www.jianshu.com/p/b9062bc5f234

https://blog.csdn.net/QTFYING/article/details/85109517