使用npm install 安裝子產品或插件的時候,有兩種指令把他們寫入到 package.json 檔案裡面去,他們是:
npm install 【插件名】或 npm install 【插件名】–save
或
npm install 【插件名】–save-dev
首先需要說明的是Dependencies一詞的中文意思是依賴和附屬的意思,而dev則是develop(開發)的簡寫。
是以它們的差別在 package.json 檔案裡面展現出來的就是,使用 –save-dev 安裝的 插件,被寫入到 devDependencies 域裡面去,而使用 –save 安裝的插件,則是被寫入到 dependencies 區塊裡面去。
devDependencies 和 dependencies 對象有什麼差別呢?
devDependencies 裡面的插件隻用于開發環境,不用于生産環境,而 dependencies 是需要釋出到生産環境的。
例如jquery,沒有這個包的依賴運作就會報錯,這時候就把這個依賴寫入dependencies ;
而我們使用的一些建構工具比如glup、webpack這些隻是在開發中使用的包,上線以後就和他們沒關系了,是以将它寫入 devDependencies 即可。