【小技巧】package.json中homepage属性的做用

作前端开发的同窗对 package.json 文件必定不陌生，但咱们一般不多去关注它，最熟悉的莫过于几个最基本的属性，如：

• name，项目名称
• version，项目版本号
• dependencies，项目依赖包
• scripts，npm命令

package.json 其实还有不少属性能够配置的，这里就介绍一个 homepage 属性的做用。

homepage 的做用是设置应用的跟路径，咱们的项目打包后是要运行在一个域名之下的，有时候多是运行在跟域名下，也有可能运行在某个子域名下或或域名的某个目录下，这时候咱们就须要让咱们的应用知道去哪里加载资源，这时候就须要咱们设置一个跟路径，并且有时候咱们的资源会部署在 CDN 上，你必须告诉打包工具你的CDN地址是什么。

好比咱们用 create-react-app 开发的 React 应用，以及 Vue CLI 开发的项目，默认是继承了 webpack 的，当不配置 homepage 属性，build 打包以后的文件资源应用路径默认是 / ，以下图

当你设置了 homepage 属性后，好比我这里homepage 设置为 github 的 pages 服务地址

打包后的资源路径就会加上 homepage 的地址。好比上面图片配置好 homepage 以后我打包一个 React 项目，打包后 index.html 页面的资源路径就是：

全文完。

---

关注公众号，第一时间接收最新文章。若是对你有一点点帮助，能够点喜欢点赞点收藏，还能够小额打赏做者，以鼓励做者写出更多更好的文章。