React使用build生成项目:资源文件路径"/"修改为相对路径"."
React使用build生成项目:资源文件路径"/“修改为相对路径”."
一直想学习一个前端框架,看中react很久,最近终于对它下手了。在踩了js加载及渲染顺序的坑之后,发布也遇到了一个小坑,在这里记录一下
yarn build 指定相对路径
这里使用的是yarn build
进行项目的打包,打包之后发现页面是空白的,所以就使用F12看了一下,一看console里的错误信息就发现是文件加载的路径不对,于是查看了script的路径都是以“/”开始的,使用搜索引擎查了一下,有的说改node_modules里的一个库的config的配置,显然这样的方式是不够优雅的,根据官方文档,获得了如下的解决方法:
注意:此功能随react-scripts@0.9.0更高版本提供。
如果您没有使用HTML5 pushState历史记录API或根本不使用客户端路由,则无需指定应用程序的URL。相反,你可以把它放在你的package.json:
“homepage”: “.”,
这将确保所有资产路径都相对于index.html。然后,您就可以将应用程序从中移动http://mywebsite.com到http://mywebsite.com/relativepath甚至http://mywebsite.com/relative/path无需重建。
即:在项目的package.json
文件中增加一个节点“homepage”:&#