做前端开发的同学一定对package.json文件不陌生，只是平时我们很少去关注它。最熟悉的是几个最基本的属性。如：名称、项目名称版本、项目版本号dependencies、项目依赖包脚本、npm命令package.json其实还有很多属性可以配置。下面是对主页属性的作用的描述。homepage的作用是设置应用程序的根路径。我们的项目打包运行在一个域名下。有时可能运行在根域名下，也可能运行在子域名或域名的某个目录下。接下来，这个时候我们需要让我们的应用程序知道去哪里加载资源。这个时候我们需要设置一个根路径，有时候我们的资源会部署到CDN上。你必须告诉打包工具你的CDN地址是什么。比如我们用create-react-app开发的React应用，用VueCLI开发的项目，默认继承webpack。不配置主页属性时，构建打包后的文件资源申请路径默认为/，如下图所示。当你设置了主页属性后，比如这里的主页设置为github的pages服务地址，打包后的资源路径会加上主页的地址。比如我在配置完上图的首页后，打包了一个React项目。打包后index.html页面的资源路径为：全文完毕。相关阅读：【Tips】使用Vue.js的Mixins复用你的代码【Tips】手机web调试神器Eruda使用方法【Tips】如何防止H5页面弹出手机虚拟键盘？【Tips】CSS是如何实现文本对齐的？关注公众号第一时间收到最新文章。如果对你有一点帮助，可以点赞、点赞、收藏，也可以小额打赏作者，鼓励作者写出更多更好的文章。
