Node.JS Set Up #5

今Babel Babelconfig.jsonファイルを検索して設定
まだbabelは使用されていません.
babelホームページに行くと.

require("@babel/core").transform("code", { presets: ["@babel/preset-env"], });

使い方はありますが、私は自分でこれをしません.
JavaScriptはbabelを直接使用しないからです.
小包の代わりに.jsonからbabelにコンパイルされたscriptを作成します.
そのため、nodemonと書きました.
vsc端末上のnpm install@babel/core@babel/node-save-dev
重複していますが、npmは重複していることを知っていて、ないバッグを除いて
マットなので気にしなくていいです.
package.jsonファイルの表示

"devDependencies": {

"@babel/node": "^7.16.8", 

}

追加されていることがわかります
winスクリプトは現在使用されていません
スクリプトを開発を表すdevに変更します.
babelnodeを書きたいと言わなければならないからです.

"scripts": {

"dev": "babel-node index.js"

}

@babel/nodeがインストールされているため、babel-nodeコマンドを使用できます.
だからシナリオを変えた.
NodeJSが実行されている場合、babelも一緒に適用されます.
最新の構文コードを有効にすることができます.
devを実行します
vsc端末でnpm devを実行する
内容がないので、まだ何も表示されていません.
index.jsで

console.log("Hi!!");

ここで最新のコードを書くことができます.

import express from "express";

console.log("Hi!!");

このように作成して実行しましょう.
npm run dev
正常に動作していますが、コードを変更するたびにnpm run devを行い、コードを再保存および実行する必要があります.
面倒なのでnodemonで
Nodemonは、作成したファイルが変更されたことを監視するためのパッケージです.
ファイルが変更された場合、nodemonは自分で再起動します.
これによりnpm run devを実行し続ける必要がなくなります.
ここにnodemonをインストールします.
npm i nodemon --save-dev
インストール後

"devDependencies": {

"nodemon": "^2.0.15"

}

確認できます.
nodemonを変更して使用します.

"scripts": {

"dev": "nodemon --exec babel-node index.js"

},

そして端末で実行するとパッケージjsonで修正すると、すぐに再実行されるのが見えます.
import express from "express"; 削除しても大丈夫です.
現在の方法はnodeを実行するのではなく、babel-nodeを実行します.