react项目打包发布

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

以上是 react项目打包发布 的全部内容, 来源链接: utcz.com/z/381949.html

回到顶部