DEV Community

sakethk
sakethk

Posted on • Edited on

4 1

How to use ES6+ features in nodejs

This article is about how to use es6+ in nodejs project

Initialising project with npm

npm init -y
Enter fullscreen mode Exit fullscreen mode

Installing babel plugins for es6+ features

npm i -D @babel/cli @babel/core @babel/plugin-proposal-class-properties @babel/plugin-transform-runtime @babel/preset-env 
Enter fullscreen mode Exit fullscreen mode

Adding babel support for project

touch .babelrc
Enter fullscreen mode Exit fullscreen mode

Paste the following content in .babelrc

{
    "presets": ["@babel/preset-env"],
    "plugins": ["@babel/plugin-proposal-class-properties", "@babel/transform-runtime"]
}

Enter fullscreen mode Exit fullscreen mode

Babel is not a compiler or interpreter it is just a transpiler so we have to transpile es6 to es5 using babel then we have to execute that transpiled code. For that we can write npm script.

Add the following script to package.json

"build": "babel src -d dist",
"start": "npm run build && node dist"
Enter fullscreen mode Exit fullscreen mode

Now create src folder and start writing es6+ code inside that folder. Run npm start it will create dist folder inside that folder we can find transpiled code.

Cheers!!!
You can now extend your support by buying me a Coffee.

Buy Me A Coffee

SurveyJS custom survey software

Simplify data collection in your JS app with a fully integrated form management platform. Includes support for custom question types, skip logic, integrated CCS editor, PDF export, real-time analytics & more. Integrates with any backend system, giving you full control over your data and no user limits.

Learn more

Top comments (1)

Collapse
 
doehl profile image
Mathias Døhl

NodeJS has a very good support for ES6+ features, in the latest versions.

One of the nice things with NodeJS, is that you yourself can control the version being used. The node team has become amazing, at keeping up with the newest features of the language. So if you can keep up with the latest nodeJS releases, are you up for greate support for even the latest ES2021 and ES2022 features. No need for babel.

kangax.github.io/compat-table/es20...

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs