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