npm について


npmパッケージについて

npmパッケージとは、誰かが作った便利な機能をまとめたものです。
babelはnpmパッケージの1つです。

npm install することでインストールしたnpmパッケージはすべて「node_modules」というディレクトリに入っています。

"start": "./node_modules/.bin/babel src --out-dir dist && node dist/index.js"

↑package.jsonの中のコードです。

コマンドのやっていること
1. 「./node_modules/.bin/babel src --out-dir dist」 = babelでsrcディレクトリのファイルをコンパイルしてdistディレクトリの出力
2. 「node dist/index.js」 = distディレクトリのindex.jsを実行

使ってみる

chalkを使ってみました!

--saveをつけることで、npmパッケージが「node_modules」内にインストールされる際に「package.json」に記述されます。逆に書かない場合は、「package.json」には記述されないまま「node_module」にインストールされます。基本的には--saveをつけてインストールしましょう。

インストール

npm install --save chalk

src/index.jsに下記のコードを追加する。
js
import chalk from "chalk";
console.log(chalk.bgCyan("これはテストメッセージです"));

実行!!!

npm run start

色がついて、ログが実行されれば成功です!!!

readline-syncを使ってみる

readline-syncとは、コンソール上で質問文を表示し、受け取った答えをそのまま任意の定数に格納できるパッケージです。

インストール

npm install --save readline-sync

src/index.jsに下記のコードを追加する。


```
import chalk from "chalk";
import readlineSync from "readline-sync";

let input = readlineSync.question("What's your name?: ");
console.log(chalk.magenta.bold.underline(input));
```

実行!!!

npm run start

ここに入力するとsrc/index.jsの input に代入され、表示されれば成功です!