見出し画像

node/Expressで、 ES6対応の修正 #node #javascript

■ 概要:

Express で、ES6書式を使う場合、修正が必要でしたので。メモです

■ 参考

先人様の記事を、参考にしました。
https://qiita.com/quzq/items/b7c2a20cfa3c16f4468b

https://qiita.com/kaba/items/9e1347613a4bd63594b4

■ 追加

npm追加、 babel等

npm i @babel/core @babel/node @babel/preset-env --save-dev

.babelrc の追加

{
   "presets": [
       "@babel/preset-env"
   ]
}

・ npm start 修正

nodeを、babel-nodeに修正

 "scripts": {
   "start": "babel-node ./bin/www"
 }

・nodemon 使う場合、

"start": "nodemon --exec babel-node ./bin/www"

package.json の例です。

  "scripts": {
   "start": "nodemon --exec babel-node ./bin/www"
 },
 "dependencies": {
   "cookie-parser": "~1.4.4",
   "debug": "~2.6.9",
   "ejs": "^2.6.2",
   "express": "~4.16.1",
   "express-ejs-layouts": "^2.5.0",
   "http-errors": "~1.6.3",
   "jade": "~1.11.0",
   "morgan": "~1.9.1",
   "mysql2": "^1.6.5",
   "promise-mysql": "^4.1.0"
 },
 "devDependencies": {
   "@babel/core": "^7.11.1",
   "@babel/node": "^7.10.5",
   "@babel/preset-env": "^7.11.0"
 }



この記事が気に入ったらサポートをしてみませんか?