npmとかwebpackとか

既知もあるがメモ

npm

npmとはNode Package Managerの略で、JavaScriptライブラリのパッケージマネージャー

package.json

npm を使う Node.js のプロジェクトで、プロジェクトの構成を管理するファイル

npm init

package.json に最低限必要なフィールドは "name" と "version" の２要素

webpack

webpack は複数の JavaScript のファイルなどをまとめて１つにできるツール プラグインなどを使って、様々な変換処理を挟むこともできます。モダンなフロントエンド開発において webpack などのバンドルツールを使うことはごく一般的になっています

qiita.com

node_module

node_modules は、実際のライブラリのファイル群です。 実行やビルドの際は、ここのディレクトリのファイルを参照して実行されます。 このディレクトリがない場合でも npm install を実行すると、package.json の情報を元に再作成されます。

package.json

npm installを実行した際にインストールされるパッケージのバージョンをpackage-lock.jsonに記載されたバージョンで固定することができ、全ての開発者で同じパッケージの環境を再現することができます。一方、package.jsonだけしかない場合では、npm installしたときに、それぞれの開発者で別バージョンのパッケージをインストールしてしまう可能性があります。

依存関係をいい感じにしてくれる。

Ruby の Bundler では Gemfile.lock，Node.js の npm では package-lock.json，yarn では yarn.lock があります

babel

babelとはJavaScriptのトランスパイラ。ある言語を別の言語に変換することをトランスパイルと言う