npm install –save 、–save-dev 、-D、-S 的區別與NODE_ENV的配置方法

備註:<=> 意為等價於;

1、npm install <=> npm i

–save <=> -S

–save-dev <=> -D

npm run start <=> npm start // 對應"scripts"裡的"start"命令

少敲幾下鍵盤,何樂而不為

2、npm i –save-dev <packname>

工程構建(開發時、“打包”時)依賴 ;例:xxx-cli , less-loader , babel-loader…

3、npm i –save <packname>

項目(運行時、發佈到生產環境時)依賴;例:antd , element,react…

4、對應關系如下

(至於我們啥時候用–save、啥時候用–save-dev 感覺是個規范問題,用反瞭項目一樣可以跑起來(對於安裝依賴正確時),但會給其他看你項目的人帶來誤解、可能會導致一些bug的出現,還有一些配置的錯亂等)

5、使用npm i 安裝package.json裡的依賴時,兩部分的包都會pull下來

5-1、使用 –prod、

npm i –prod <=> npm i –production // 僅會拉取dependencies中的依賴

5-2、設置NODE_DEV=production時 // 效果同上,僅會拉取dependencies中的依賴 (註意等號兩邊沒空格)

5-2-1、命令行設置(註意不同環境時的"分割符")

window => cmd :set NODE_ENV=production && xxxx

mac => shell :NODE_ENV=production 空格 xxxx

5-2-2、package.json=>script命令中設置

 

彩蛋:在新建package.json文件時,我們可以使用npm init -y 快速創建(yes 表示一路默認創建,還有 -f 表示 force)

到此這篇關於npm install –save 、–save-dev 、-D、-S 的區別與NODE_ENV的配置方法的文章就介紹到這瞭,更多相關npm install –save –save-dev內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet!

推薦閱讀: