5種類の中毒へのあなたの詳細なガイド
こんにちは、Khabrovites。「JavaScriptDeveloper。Professional」コースの将来の学生のために、資料の翻訳を準備しました。
また、「Vue3-最も人気のあるフロントエンドフレームワークの1つの新しいバージョンの機能」というトピックに関するオープンウェビナーに全員を招待します。レッスンでは、参加者と専門家が次の
ことを行います。-vue2とvue3の構文の主な違いを検討します。
-新しいバージョンのフレームワークでvue-routerとVueXを操作する方法を理解します。
-Vue-cliを使用してVue3プロジェクトを最初から作成します。
Node.jsを使用するバックエンド開発者でも、Node.jsをパッケージ化およびバンドルツールとしてのみ使用するフロントエンド開発者でも、依存関係システムに遭遇した可能性があります。
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".