Gestión de dependencias de JavaScript

¡Hola! Mi nombre es Slava Fomin, soy desarrollador principal en DomClick. Durante mis 16 años de práctica, he estado a la vanguardia de la aparición y el desarrollo de JavaScript como estándar y ecosistema. En nuestra empresa, utilizamos JavaScript, en primer lugar, para el desarrollo avanzado de front-end y hemos logrado probar una cantidad bastante grande de diferentes tecnologías, herramientas y enfoques, y obtener muchas fotos. El resultado de este trabajo minucioso fue la experiencia más valiosa que quiero compartir con ustedes.

, , , . , , . , , .

, :

• , .
• .
• semver .
• , .
• (resolving).
• .
• .
• , .
• lock- .
• , .
• , .
• CI/CD.
• .

, !

… , ; , , , , , , , …

—

, , -, , . , - , ?

-, - . , , , Angular, React, Express, Lodash, Webpack , .

JavaScript

« », ( jQuery) , . , : . , . .

, , . , , .

Node.js

- Node.js, , , JavaScript-, front-end , , SSR . , Node.js (Node Package Manager, npm), , JavaScript.

, ESM JavaScript : script . Node . CommonJS ( «/ JavaScript», CJS), - . Node (Node.js module resolution algorithm) , .

, Node.js , - JavaScript-.

: npm- — JavaScript. . .

, , , , npm registry. npm registry, registry.npmjs.org. npm registry ( ). , registry. ( npm).

npm.

, . , (, lodash), , (, webpack).

. , . , , , . , :

npm ls — , : HTTP- Express ( ) Lodash ( ). , debug 4 . deduped , npm ( ).

Node Unix, - , . , , . , node_modules, . , JavaScript :

? , , -: package.json. , :

• , ,
• ,
• URL , URL git-, URL -,
• ,
• , ,
• ,
• ,
• (scripts) ,
• . (. ).

package.json.

, :

• dependencies,
• devDependencies,
• peerDependencies,
• optionalDependencies.

JSON-, , — , .

:

{
  …
  "dependencies": {
    "lodash": "^4.17.15",
    "chalk": "~2.3",
    "debug": ">2 <4",
  },
  …
}

.

dependencies

dependencies , . Node.js. - , import { get } from 'lodash', dependencies. , , .

devDependencies

devDependencies , , . , typescript, webpack, eslint . , .

peerDependencies

peerDependencies . , Webpack, peerDependencies webpack, .

, , , .

peerDependencies , , . , . , , Webpack, .

optionalDependencies

optionalDependencies , . , .

, , , try… require… catch.

front-end

. , Node.js, , , . , front-end .

- , npm- front-end , , : «» , node npm.

front-end . , front-end Node.js.

Node.js- , npm registry, , . dependencies .

front-end npm registry, () , , CDN. -, npm front-end , . private: true, , npm-registry. , . . «» .

front-end dependencies , , : dependencies , , , lodash, react, date-fns . ., devDependencies — , : webpack, eslint, @types . .

, , Node.js! , , , devDependencies. .

npm semver ( Semantic Versioning ( )).

, : (major) , (minor) patch-:

: 3.12.1.

, , , .

patch- , , .

minor- , , .

major- , API, , , , . CHANGELOG .

1.0.0, , 0.0.3 0.1.2, semver : .

JavaScript: , , . , semver, .

→