git を使用して Webpack コードを管理する場合、複数の人がどのように共同作業を行うのでしょうか?一般的にどのようなファイルがホストされますか?

Question

webpack を使用するには、多くのローダーと npm パッケージをインストールする必要があります。git を管理するときに、node_modules ディレクトリをアップロードする必要がありますか?このディレクトリは大きすぎますか? しかし、アップロードされていない場合、開発に関わる全員が自分でローダーをダウンロードする必要がありますか?

淡淡烟草味 · Answer

npm パッケージを管理するには package.json を使用します
1。プロジェクトを初期化するときは、npm init を使用して package.json 構成ファイルを初期化します。 ; #🎜 🎜#2. package.json には、devDependency と dependency という 2 つのフィールドがあり、それぞれ開発環境に必要な npm パッケージと必要な npm パッケージを表します。導入環境によって異なります。 npm init初始化package.json配置文件；
2、package.json里面有两个字段devDependencies和dependencies两个字段分别表示开发环境需要的npm包和部署环境需要的npm包。
3、同步代码的时候大家只需要同步一下package.json文件，然后执行npm install命令，npm会自动检索package.json中的配置，安装相应的node_modules。
这里给出我的一个项目的package.json的相应字段；

 "dependencies": {},
  "devDependencies": {
    "babel-preset-es2015": "^6.6.0",
    "gulp": "^3.9.1",
    "gulp-babel": "^6.1.2",
    "gulp-concat": "^2.6.0",
    "gulp-connect": "^2.3.1",
    "gulp-minify-css": "^1.2.3",
    "gulp-sass": "^2.1.1",
    "gulp-uglify": "^1.5.1",
    "shelljs": "^0.7.0"
  }

可以看到npm包名和版本号都有记录，这样能保证大家的环境统一。
最后，负责项目基础配置的人在初始化项目时：

使用npm install命令时添加--save，会自动去package.json中的dependencies下添加相应的包名和版本。
使用npm install命令时添加--save-dev，会自动去package.json中的devDependencies3. コードを同期する場合は、package.json ファイルを同期してから、npm install コマンドを実行するだけで、npm が package.json 内の構成を自動的に取得し、対応するファイルをインストールします。ノードモジュール。
私のプロジェクトの 1 つの package.json の対応するフィールドをここに示します。

npm パッケージ名とバージョン番号が記録されていることがわかります。これにより、全員の環境が確実に統一されます。 #🎜🎜#最後に、プロジェクトの基本構成の責任者がプロジェクトを初期化します: #🎜🎜#

#🎜🎜#npm install コマンドを使用するときに --save を追加すると、対応するものがパッケージの dependency の下に自動的に追加されます.json パッケージ名とバージョン。 #🎜🎜##🎜🎜#
#🎜🎜# npm install コマンドを使用する場合、--save-dev を追加すると、パッケージ内の devDependency に自動的に移動します。 .json 適切なパッケージ名とバージョンを追加します。 #🎜🎜##🎜🎜# #🎜🎜#