Przejdź do głównej zawartości

36. npm i package.json — zarządzanie zależnościami

npm — ekosystem pakietów JavaScript

npm (Node Package Manager) to menedżer pakietów JavaScript z repozytorium ponad 2 milionów paczek. package.json to manifest projektu — zależności, skrypty, metadata. Zrozumienie semantic versioning (semver), różnicy dependencies vs devDependencies i lock file jest kluczowe.

Każdy projekt React to dziesiątki pakietów npm. Zarządzanie zależnościami, aktualizacje, bezpieczeństwo — to codzienność dewelopera. npm install, npm run dev, npm audit — podstawowe komendy.

  1. Opisać strukturę package.json i co każde pole oznacza
  2. Wyjaśnić dependencies vs devDependencies vs peerDependencies
  3. Omówić semantic versioning (major.minor.patch)
  4. Pokazać kluczowe komendy npm i ich zastosowanie
  1. package.json — name, version, scripts, dependencies, devDependencies
  2. npm install — node_modules, package-lock.json (lock file)
  3. Semantic versioning^1.2.3 (minor+patch), ~1.2.3 (tylko patch), 1.2.3 (exact)
  4. Scripts — dev, build, test, lint — npm run <script>
  5. npm audit — wykrywanie podatności bezpieczeństwa

Przykład 1

Przykładowy package.json projektu React z scripts, dependencies, devDependencies.

Przykład 2

Semantic versioning — tabela: ^, ~, exact — co instaluje każda notacja.

Przykład 3

npm scripts w package.json — dev, build, test, lint.

  1. Wstęp — ekosystem JavaScript i npm
  2. Rozdział 1: package.json — struktura, pola
  3. Rozdział 2: Semantic versioning i lock file
  4. Rozdział 3: Komendy npm i bezpieczeństwo
  5. Podsumowanie
  6. Bibliografia

package.json to przepis na projekt!

Weź package.json z istniejącego projektu React i omów każde pole. To praktyczne i konkretne — znacznie lepsze niż abstracta teoria.