【小技巧】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 頁面的資源路徑就是：

全文完。

---

關注公衆號，第一時間接收最新文章。若是對你有一點點幫助，能夠點喜歡點贊點收藏，還能夠小額打賞做者，以鼓勵做者寫出更多更好的文章。