更多內容已經遷移至掘金,歡迎來指導學習:
https://juejin.im/post/5d64d2205188252e8f4b4d59
# 介紹
1. 始化項目 cnpm init -y ,會自動生成一個package.json文件,
2. package.json文件主要是顯示項目的名稱、版本、作者、協議等信息
3. 在package.json中scripts中配置相關參數,可以使運行簡化
# 開發模式
"dev": "webpack --config webpack.config.js"
"dev": "webpack --env development --config webpack.config.js",
"dev": "webpack" webpack會直接自動去找webpack.config.js文件並執行)
"dev": "webpack --mode development"
"dev": "webpack --mode development --progress --colors"
--progress :顯示編譯過程和百分比
--colors:編譯結果顯示不同的顏色
# 生產模式
"prod": "webpack -p",
"prod": "webpack --mode production",
"prod": "webpack --env production --config webpack.config.js",
# 開發服務器模式
"server": "webpack-dev-server",
# 字段name和version
在package.json中最重要的就是name和version字段
他們都是必須的,如果沒有就無法install
name和version一起組成的標識在假設中是唯一的
改變包應該同時改變version
# 字段description
項目的描述,字符串類型
# 字段keywords
項目的關鍵字
# 字段homepage
項目官網的url
# 字段bugs
項目提交問題的url和(或)郵件地址
{ "url" : "http://github.com/owner/project/issues"
, "email" : "project@hostname.com"
}
你可以指定一個或者指定兩個。如果你只想提供一個url,那就不用對象了,字符串就行。
如果提供了url,它會被npm bugs命令使用。
# 字段license
指定項目的許可證,可以使人知道使用的權利和限制的。
如果是用一個像BSD或者MIT這樣通用的許可證,就只需要指定一個許可證的名字
{ "license" : "BSD" }
如果你有更復雜的許可條件,或者想要提供給更多地細節,可以這樣:
"licenses" : [
{ "type" : "MyLicense"
, "url" : "http://github.com/owner/project/path/to/license"
}
]
在根目錄中提供一個許可證文件也蠻好的。
# 字段files
files是一個包含項目中的文件的數組。如果命名了一個文件夾,那也會包含文件夾中的文件。(除非被其他條件忽略了)
你也可以提供一個.npmignore文件,讓即使被包含在files字段中得文件被留下。其實就像.gitignore一樣。