DEV Community: Evanderson Vasconcelos de Souza

Simple configuration Babel + Node

Evanderson Vasconcelos de Souza — Mon, 08 Jun 2020 17:02:24 +0000

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!

How to use the syntax import/export on NodeJS

Evanderson Vasconcelos de Souza — Tue, 03 Dec 2019 19:17:45 +0000

Hey devs, Wellcome on my first post in DEV Community and sorry that my English, because is don't very good ok?

Let's go!

In this post I go to teach you how to use the syntax import/export of simple way using the module Sucrase.

First step: You need to import the modules using 'npm install sucrase nodemon -D' or 'yarn add sucrase nodemon -D';
Second step: You need to create a file of configuration 'nodemon.json' and inside him you need to write these lines:

{
"execMap": {
"js": "sucrase-node"
}
}

Third step: In file 'package.json' you need to create the field 'scripts' like this:

"scripts": {
"dev": "nodemon PATH_TO_FILE_MAIN"
}

After that you can already use the syntax, see some ways it should stay:

BEFORE:
const express = require('express')

AFTER:
import express from 'express'

BEFORE:
const express = require('express')
const routes = express.Router()

AFTER:
import { Router } from 'express'

BEFORE:
module.exports = routes

AFTER:
export default routes

And then it's very easy? Did you like this post? comment in below ok, have a nice day.