Using Babel to compile from ES6

ES6 has a lot of useful features, and in this recipe you will learn how you can use it in your projects. It's worth noting that ES6 currently has very good browser support. You won't have compatibility issues with 80% of the browsers in the wild, but you may need to even reach people who're still using Internet Explorer 11, depending on your audience, or you may just want to maximize your audience. Moreover, some tools for development and Node.js still don't fully support ES6, deeming Babel necessary even for development.

Getting ready

In this recipe, we will use npm and the command line. If you completed the Choosing a development environment recipe in Chapter 1, Getting Started with Vue.js, you are probably good to go.

How to do it...

Create a new directory with an empty npm project. You can use the npm init -y command or, if you have Yarn installed, you can use yarn init -y inside the directory. This command will create a new package.json inside the directory...