前端--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)

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章