package.json文件是什么


package文件作用

  package.json 文件其實就是對項目或者模塊包的描述,里面包含許多元信息。比如項目名稱,項目版本,項目執行入口文件,項目貢獻者等等。npm install 命令會根據這個文件下載所有依賴模塊。

如何創建package文件

    手動創建:直接在項目根目錄新建一個 package.json 文件,然后輸入相關的內容。

    自動創建:也是在項目根目錄下執行 npm init,然后根據提示一步步輸入相應的內容完成后即可自動創建。

package文件屬性詳解

  1. version:項目版本。
  2.   name:項目/模塊名稱,長度必須小於等於214個字符,不能以"."(點)或者"_"(下划線)開頭,不能包含大寫字母。
  3.   author:項目開發者,它的值是你在https://npmjs.org網站的有效賬戶名,遵循“賬戶名<郵件>”的規則,例如:zhangsan zhangsan@163.com。
  4.   description:項目描述,是一個字符串。它可以幫助人們在使用npm search時找到這個包。
  5.   keywords:項目關鍵字,是一個字符串數組。它可以幫助人們在使用npm search時找到這個包。
  6.   private:是否私有,設置為 true 時,npm 拒絕發布。
  7.   license:軟件授權條款,讓用戶知道他們的使用權利和限制。
  8.   bugs:bug 提交地址。
  9.   contributors:項目貢獻者 。
  10.   repository:項目倉庫地址。
  11.   homepage:項目包的官網 URL。
  12.   dependencies:生產環境下,項目運行所需依賴。
  13.   devDependencies:開發環境下,項目所需依賴。
  14.   scripts:執行 npm 腳本命令簡寫,比如 “start”: “react-scripts start”, 執行 npm start 就是運行 “react-scripts start”。
  15.   bin:內部命令對應的可執行文件的路徑。
  16.   main:項目默認執行文件,比如 require(‘webpack’);就會默認加載 lib 目錄下的 webpack.js 文件,如果沒有設置,則默認加載項目跟目錄下的 index.js 文件。
  17.   module:是以 ES Module(也就是 ES6)模塊化方式進行加載,因為早期沒有 ES6 模塊化方案時,都是遵循 CommonJS 規范,而 CommonJS 規范的包是以 main 的方式表示入口文件的,為了區分就新增了 module 方式,但是 ES6 模塊化方案效率更高,所以會優先查看是否有 module 字段,沒有才使用 main 字段。
  18.   eslintConfig:EsLint 檢查文件配置,自動讀取驗證。
  19.   engines:項目運行的平台。
  20.   browserslist:供瀏覽器使用的版本列表。
  21.   style:供瀏覽器使用時,樣式文件所在的位置;樣式文件打包工具parcelify,通過它知道樣式文件的打包位置。
  22.   files:被項目包含的文件名數組。

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM