package.json中homepage屬性的作用詳解

Package.json 屬性說明

• name - 包名。
• version - 包的版本號。
• description - 包的描述。
• homepage - 包的官網(wǎng) url 。
• author - 包的作者姓名。
• contributors - 包的其他貢獻(xiàn)者姓名。
• dependencies - 依賴包列表。如果依賴包沒有安裝，npm 會自動將依賴包安裝在 node_module 目錄下。
• repository - 包代碼存放的地方的類型，可以是 git 或 svn，git 可在 Github 上。
• main - main 字段指定了程序的主入口文件，require('moduleName') 就會加載這個(gè)文件。這個(gè)字段的默認(rèn)值是模塊根目錄下面的 index.js。
• keywords - 關(guān)鍵字

做前端開發(fā)的同學(xué)對 package.json 文件一定不陌生，但我們通常很少去關(guān)注它，最熟悉的莫過于幾個(gè)最基本的屬性，如：

1. name，項(xiàng)目名稱
2. version，項(xiàng)目版本號
3. dependencies，項(xiàng)目依賴包
4. scripts，npm命令

package.json 其實(shí)還有很多屬性可以配置的，這里就介紹一個(gè) homepage 屬性的作用。

homepage 的作用是設(shè)置應(yīng)用的跟路徑，我們的項(xiàng)目打包后是要運(yùn)行在一個(gè)域名之下的，有時(shí)候可能是運(yùn)行在跟域名下，也有可能運(yùn)行在某個(gè)子域名下或或域名的某個(gè)目錄下，這時(shí)候我們就需要讓我們的應(yīng)用知道去哪里加載資源，這時(shí)候就需要我們設(shè)置一個(gè)跟路徑，而且有時(shí)候我們的資源會部署在 CDN 上，你必須告訴打包工具你的CDN地址是什么。

比如我們用 create-react-app 開發(fā)的 React 應(yīng)用，以及 Vue CLI 開發(fā)的項(xiàng)目，默認(rèn)是繼承了 webpack 的，當(dāng)不配置 homepage 屬性，build 打包之后的文件資源應(yīng)用路徑默認(rèn)是 / ，如下圖

當(dāng)你設(shè)置了 homepage 屬性后，比如我這里homepage 設(shè)置為 github 的 pages 服務(wù)地址

打包后的資源路徑就會加上 homepage 的地址。比如上面圖片配置好 homepage 之后我打包一個(gè) React 項(xiàng)目，打包后 index.html 頁面的資源路徑就是：

到此這篇關(guān)于package.json中homepage屬性的作用詳解的文章就介紹到這了,更多相關(guān)package.json homepage屬性內(nèi)容請搜索億速云以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持億速云！