首頁猿問為什么要在dependencies...

為什么要在dependencies中聲明依賴？

JavaScript

一只斗牛犬 2018-11-23 19:14:42

看到說--save安裝的模塊，會顯示在dependencies中。并且dependencies中的模塊表示生產(chǎn)環(huán)境的依賴。比如jQuery。但是我不懂的是，拿jQuery舉例。我為什么要在dependencies中聲明依賴？生產(chǎn)環(huán)境中，我會直接用script標簽引用jQuery，根本不需要dependencies。如果在dependencies中聲明了生產(chǎn)環(huán)境依賴的模塊，會怎么樣？會自動幫我添加script標簽還是比如模塊打包時，打包生產(chǎn)環(huán)境模塊時會把dependencies中的依賴全部打包進去？但是據(jù)我所知，比如webpack在模塊打包時是根據(jù)require的模塊創(chuàng)建的依賴圖表來打包的，所以我不太懂為什么要在dependencies聲明生產(chǎn)環(huán)境依賴。

查看完整描述

1 回答

千巷貓影

TA貢獻1829條經(jīng)驗獲得超7個贊

如果你用<script>加入模塊的話，這個引入JS/CSS的方法本身用不到npm包管理，可以直接忽略package.json的配置問題
如果你使用如webpack進行打包。webpack在模塊打包時是根據(jù)require的模塊創(chuàng)建的依賴圖表來打包的，這的確沒錯。但是之后還有一步，就是webpack通過依賴圖表進行打包的時候，如果依賴圖表里有jQuery依賴，webpack還是要去找jQuery的文件，然后注入到打包的文件之中。如果你不寫dependencies的話，在團隊開發(fā)中，另一個人改了一點代碼，然后用npm install安裝了依賴包，再重新打包的時候，webpack創(chuàng)建出依賴圖表，依賴圖表中依賴了jQuery，然而webpack在node_modules里卻找不到要注入到目標文件的jQuery代碼，這樣他重新打包就會失敗。當然，如果你只有自己一個人開發(fā)的話，可以忽略這一點。
當然，dependencies還有一種應用情況，比如說我之前寫的一個node.js爬蟲。由于這個爬蟲是直接用node運行JS代碼的，所以我的JS文件里面require()的包都需要寫在dependencies里，部署的時候用npm install安裝完這些依賴，require才能夠讀取到對應的包。