Webpack / Babel

Question 1

What is Webpack?

Answer 1

Webpack is a package that bundles modules together into a single script for usage in a browser.

Question 2

How do you add a devDependency to a package?

Answer 2

npm install package-name –save-dev

Question 3

What is an NPM script?

Answer 3

A shell script stored inside package.json that can be executed by the “npm run” command.

Question 4

How do you execute Webpack with npm run?

Answer 4

npm run script-name (e.g. build)

Question 5

What is Babel?

Answer 5

Babel is a compiler that takes JavaScript and JSX code and compiles it to a specified version of JavaScript.

Question 6

What is a Plug-in?

Answer 6

An add-on that adds a specific feature to an existing piece of software.

Question 7

What is a Webpack loader?

Answer 7

A Webpack loader preprocesses code before it gets bundled by Webpack.

Question 8

How can you make Babel and Webpack work together?

Answer 8

Specify in the webpack.config.js file that Babel and the desired plugins should be used before building.