webpack/babel

Question 1

What is Webpack?

Answer 1

webpack allows you to bundle javascript apps/modules to run in your project

Question 2

How do you add a devDependency to a package?

Answer 2

npm install –save-dev

npm install -D

Question 3

What is an NPM script?

Answer 3

bundle shell commands for project to run all at once

npm run build

Question 4

How do you execute Webpack with npm run?

Answer 4

npm run build

Question 5

How are ES Modules different from CommonJS modules?

What kind of modules can Webpack support?

Answer 5

ES modules have built in operators to import and export

ES6 modules

Question 6

what is babel

Answer 6

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

Question 7

What is a Plug-in?

Answer 7

a software component that adds a specific feature to an existing computer program. plug-ins enables customization

Question 8

What is a Webpack loader?

Answer 8

transforms javascript files

Question 9

How can you make Babel and Webpack work together?

Answer 9

webpack and babel

connect together using babel loader