Create React App 配置静态资源文件相对路径

[Dream4ever]

需求

在编译一个用 Create React App 写的项目时，控制台说可以配置 package.json 文件中的 homepage 字段，来指定编译后的静态资源的路径。

方案

Google package.json homepage field，找到了官方文档 Building for Relative Paths ，在 package.json 文件中配置 homepage 字段，即可指定 build 阶段所有静态资源相对于 index.html 的路径。

默认情况下 package.json 中没有配置该字段，Create React App 认为网站部署在根目录下，index.html 中引用的静态资源路径都是 /static 这种绝对路径。

如果配置为 homepage: '.'，那么 index.html 中的所有静态资源则都是相对路径，在编译后的 index.html 中可以看到静态资源的路径为 ./static。