Vuejs i npm - czy wszystkie zależności powinny być zależne od devDependencies? - node.js, npm, webpack, vue.js, package.json

Buduję komponent wtyczki dla Vue.js. Korzystanie ze standardowej konfiguracji pakietu webpacka z programem ładującym vue itp.

W prostej bibliotece umieściłem moduły, których oczekuję, że będą „wymagały” w moim dependencies w package.json. Jednak ponieważ Webpack będzie kompilował cały mój kod i zależności w jednym pakiecie, nie jestem pewien, gdzie umieścić zależność, taką jak: axios.

Byłby wdzięczny, gdyby ktoś rzucił na to trochę światła.

Odpowiedzi:

Technicznie rzecz biorąc, podczas korzystania z pakietu, takiego jak webpack, wynik nie będzie miał wpływu na wynik procesu tworzenia pakietów.

Biorąc to pod uwagę, dzieląc paczki na zależności i devDependencies nadal pomaga tobie (i innym, którzy patrzą na twój plik package.json), aby zrozumieć, które pakiety mają ostatecznie stać się częścią tworzonego pakietu (zależności), a które są potrzebne do budować tylko pakiet (devDependencies).

Istnieje już dobra odpowiedź wyjaśniająca różnicę między dependencies i devDependencies: https://stackoverflow.com/a/22004559/5157538

Pamiętaj tylko o głównej zasadzie:

Jeśli potrzebujesz pakietu w produkcji, umieść go w dependencies (najprawdopodobniej axios powinien być w dependecies w Twoim przypadku).

Jeśli potrzebujesz pakietu tylko podczas programowania, umieść go w devDependencies (np. biblioteki testów jednostkowych, które nie są potrzebne w produkcjach, powinny być w formacie devDependencies