DEV Community

Cover image for Simple configuration Babel + Node
Evanderson Vasconcelos de Souza
Evanderson Vasconcelos de Souza

Posted on

Simple configuration Babel + Node

Hello, I'm Evanderson, this is my second post and this I will you go to teach how to configure the Babel + Node in a simple way, let's go!


๐Ÿš€ First step:

  • Initialize your papckage.json
yarn init -y

or

npm init -y

๐Ÿ“‚ Install devDependecies:

yarn add babel-cli babel-preset-env nodemon rimraf -D

  or

npm install --save-dev babel-cli babel-preset-env nodemon rimraf

๐Ÿ“„ Create file .babelrc in root path:

  • Insert the code:
{
  "presets": [
    ["env", {
      "node": "current"
    }]
  ]
}

๐Ÿ“„ Create three scripts in package.json:

"scripts": {
  "dev": "nodemon -w src --exec \"babel-node src --presets env\"",
  "build": "rimraf build && babel src -s -D -d build --presets env",
    "start": "node build"
}

obs โš : In your project you should have a folder src and a file index.js into the folder, if not, you should configure the package.json in accord with your directories.


๐Ÿ’ป It's already done:

  • With this simple configuration, you can use import/export and several actualities of the syntax

if did you like, comment and share ok? bye!

Top comments (0)