Ketergantungan JavaScript: Segala Sesuatu yang Ingin Anda Ketahui Tapi Takut Bertanya

Panduan rinci Anda untuk lima jenis kecanduan

Halo, Khabrovites. Untuk calon siswa pada kursus "Pengembang JavaScript. Profesional" menyiapkan terjemahan materi.



Kami juga mengundang semua orang ke webinar terbuka dengan topik
"Vue 3 - kemampuan versi baru dari salah satu kerangka kerja frontend paling populer" . Dalam pelajaran ini, para peserta, bersama dengan seorang ahli:

- Mempertimbangkan perbedaan utama dalam sintaks vue2 dari vue3;

- akan memahami cara bekerja dengan vue-router dan VueX di versi baru kerangka kerja;

- buat proyek Vue 3 dari awal menggunakan Vue-cli.






Apakah Anda seorang pengembang back-end yang bekerja dengan Node.js atau pengembang front-end yang menggunakan Node.js hanya sebagai alat pengemasan dan bundling, Anda mungkin pernah menemukan sistem ketergantungan.





5 (, , 5 ), ? , , .





.       .       .





Normal (runtime) dependencies (c ( ) ) 

, ?





β€” , "dependencies" package.json



. ( ) (), NPM (node package manager ) ( npmjs.org



).





, . :





  • . , (.. >1.2.0 ), (.. <=1.2.0 ), (.. >= , > , <) . ~ (.. "lodash":"~1.2.2, 1.2.2 1.3.0 , , ). "" , semver   (.. "lodash": "^1.2.0", , - ).





  • URL-. , URL, - (, Github tarball-).





  • . , . , , NPM. " " . , , , - file://



    .





?





, , .





, , , , , . , React Babel, , , , , , ( , ).





, , , , , .





.       .       .





Peer dependencies ( )

Peer dependencies β€” , , , , , , . , .





, , ? , , Babel, Babel , , , , Babel -.





, , Babel , , , Babel. , , NPM, , β€” Babel -, .





Peer dependencies?





Peer dependencies , , , , .





:





  • , . peer dependency.





  • , . peer dependency.





, peerDependencies, :





  • Babel . , Babel, (peer dependency).





  • Express middleware packages (- ): NPM, peer dependencies. Express   , , (middleware) .





  • Micro Frontend (), , ( ), . Peer dependencies .





  • Bit components. front-end , , React- Bit (Github), react peer dependency. , .





, React , : , ( , ).





component, Bit’s component hub.





, , package.json, peer dependencies:





, , , React-.





(1KB) β€” .





.       .       .





Dev Dependencies (Dev )

, ? , , , , ? .





(Development dependencies) , , .





, , , (linting tools), .





, , dev dependency.





, npm install



  npm link



  .





, , . , dev dependencies.





dev dependencies?





, , , dev dependencies ( ).





, , -.  





- dev- , , npm install



-, dev- .





Dev , .





.       .       .





(Bundled Dependencies)

, . npm pack



, (tarball-).





, bundledDependencies



( : bundleDependencies



, ), .





{
...
   "dependencies": {
    "lodash": "1.0.2",
    "request": "4.0.1"
  },
  "bundledDependencies": ["lodash"]
...
}
      
      



package.json



, , npm pack



tarball



, lodash



.





(, URL ).





.       .       .





(Optional dependencies)

, , , . ? NPM , , .





, npm install



- ( - , , - ), .





NPM . , , , :





let foo = null;
try {
  foo = require("foo-dep");
} catch (e) {
  foo = require("./local-polyfill")
}
//... use foo from here on out
      
      



(optional dependencies)?





β€” . , ? . , , , , , .





, (optional dependencies). , , , CI(Continuous Integration)-. , , , , .





npm install



, , npm install --no-optional



, . , .





.       .       .





, - NPM , dev-. 3, , .





, , .





, ? , , !






"JavaScript Developer. Professional".





Β«Vue 3 β€” Β».








All Articles