babel

Question 1

What is Babel?

Answer 1

Babel is a toolchain that is mainly used to convert ECMAScript 2015+ code into a backwards compatible version of JavaScript in current and older browsers or environments.

Here are the main things Babel can do for you:

takes newer JS syntax, converts to older syntax
able to use jsx syntax into something browser can use

Transform syntax
Polyfill features that are missing in your target environment (through a third-party polyfill such as core-js)
Source code transformations (codemods)
And more! (check out these videos for inspiration)

Question 2

What is a Plug-in?

Answer 2

preset configuration files that adds a specific feature to an existing computer program

Question 3

What is a Webpack loader?

Answer 3

transformations that are applied to the source code of a module. Allows you to pre-process files as you import or load. Tasks that enable you to handle front-end build steps. Can even import CSS files from JS modules.

Question 4

How can you make Babel and Webpack work together?

Answer 4

babel loader

Question 5

difference between webpack and babel

Answer 5

webpack compiles files

babel takes those compiled files and translates them