Diferencia entre revisiones de «Instalar, desinstalar y actualizar dependencias en npm»

Revisión del 11:05 5 may 2020

Sumario

1 package.json
2 Instalar dependencias
3 Listado de paquetes instalados=
4 Eliminar dependencias
5 Actualizar dependencias npm

package.json

package.json contiene toda la información del proyecto. Para iniciar un proyecto nuevo

npm init -y

{
  "name": "Webpack_Tutorial",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "build": "webpack",
    "start:dev": "webpack-dev-server"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "@babel/core": "^7.9.6",
    "@babel/preset-env": "^7.9.6",
    "babel-loader": "^8.1.0",
    "css-loader": "^3.5.3",
    "file-loader": "^6.0.0",
    "html-loader": "^1.1.0",
    "html-webpack-plugin": "^4.3.0",
    "mini-css-extract-plugin": "^0.9.0",
    "node-sass": "^4.14.0",
    "sass-loader": "^8.0.2",
    "style-loader": "^1.2.1",
    "webpack": "^4.43.0",
    "webpack-cli": "^3.3.11",
    "webpack-dev-server": "^3.10.3"
  },
  "dependencies": {
    "bootstrap": "^4.4.1"
  }
}

Instalar dependencias

npm i nombre_dependencia

Por defecto se instala la ultima versión estable, pero si si se quiere instalar un versión en concreto o una Alpha añadimos @

npm i dependencia@4.4.1

Listado de paquetes instalados=

Podemos listar los paquetes instalados en el proyecto,

npm list

│ │ └─┬ @webassemblyjs/wast-parser@1.9.0
│ │   ├── @webassemblyjs/ast@1.9.0 deduped
│ │   ├── @webassemblyjs/floating-point-hex-parser@1.9.0
│ │   ├── @webassemblyjs/helper-api-error@1.9.0 deduped
│ │   ├─┬ @webassemblyjs/helper-code-frame@1.9.0
│ │   │ └── @webassemblyjs/wast-printer@1.9.0 deduped
│ │   ├── @webassemblyjs/helper-fsm@1.9.0
│ │   └── @xtuc/long@4.2.2
│ ├─┬ @webassemblyjs/helper-module-context@1.9.0
│ │ └── @webassemblyjs/ast@1.9.0 deduped
│

Eliminar dependencias

npm rm nombre_dependencia a veces una solución mas drástica y efectiva es eliminar todo el directorio node_modules y volver a lanzar la instalación de los paquetes

npm i

Actualizar dependencias npm

Podemos utilizar una dependencia llamada npm-check-updates, se encargará de checkear nuestros paquetes y comprobar sus versiones vs su última versión.

npm i npm-check-updates