【npm】 lodash のインストール方法
この記事では、JavaScript の定番ユーティリティライブラリ lodash を
npm を使って正しくインストールし、実行できる状態にするまでを解説します。
はじめに
株式会社Fieldの吉田です。
日頃は大学に通いながら、FieldでHPやLPのデザイン、AIでのシステム開発を行っています。
動作環境
- Windows
- Node.js（npm が使えること）
- PowerShell
lodash とは？
lodash は、配列・オブジェクト・関数操作などを
短く・安全に・読みやすく書くためのユーティリティライブラリです。
index.js
_.chunk([1,2,3,4], 2);
// → [[1,2], [3,4]]
このような「よくある処理」を1行で書けます。
lodashのインストール方法
1. プロジェクトフォルダに移動する
まずは package.json を置くプロジェクトフォルダに移動します。
cd C:\javascript_test\src
2. npm 初期化（未実施の場合）
package.json がない場合のみ実行します。
npm init -y
これで npm プロジェクトとして認識されます。
プロジェクトフォルダ内に既にpackage.jsonがある場合、このステップは飛ばしてOK
3. lodash をインストールする
npm install lodash
成功すると以下が作成されます。
-
node_modules/
-
package-lock.json
-
package.json に lodash が追加
4. インストール確認
PowerShellで以下を実施
npm list lodash
次のように表示されれば OK です。
`-- lodash@4.17.21
5. JavaScript で使ってみる
src/test.js を作成
test.js
const _ = require('lodash');
console.log( "1 から 5 までの数字をランダムに並び替えます :" );
console.log(_.shuffle([1,2,3,4,5]));
6. 実行する
node text.js
出力：
1 から 5 までの数字をランダムに並び替えます :
[ 2, 1, 5, 4, 3 ]
これで lodash が正しく使えています。
よくあるエラーと原因
× import is not recognized
PowerShell に直接 import を打っている
→ JavaScript ファイルに書いて node で実行する
× Cannot find module 'index.js'
ファイルが存在しない
ファイル名を間違えた時
実行場所が違う
おわりに
lodash は入れただけでは働きません。
ちゃんと node に仕事を振ってあげましょう。
JavaScript も人も、正しい場所で動かすのが一番です。
― Happy coding ―