Webpack

Question 1

What is Webpack?

Answer 1

Dependency that allows you to bundle JS and other files for usage in the web browser

Question 2

How do you add a devDependency to a package?

Answer 2

-D or npm install –save-dev

Question 3

What is an NPM script?

Answer 3

Convenient way to bundle common shell commands

Question 4

How do you execute Webpack with npm run?

Answer 4

npm run

Question 5

How are ES Modules different from CommonJS modules?

Answer 5

Declarative syntax - import export keywords,
curly braces,
ES modules are built in by language. CommonJS was built by the community

Question 6

What kind of modules can Webpack support?

Answer 6

ECMAScript modules
CommonJS modules
AMD modules
Asset modules
WebAssembly modules

Question 7

What is Babel?

Answer 7

JS compiler that transforms JS code

Question 8

What is a Plug-in?

Answer 8

Software component that adds specific feature to an existing program

Question 9

What is a Webpack loader?

Answer 9

Webpack’s fancy word for a plugin - takes file, loads, and transforms it to a different language

Question 10

How can you make Babel and Webpack work together?

Answer 10

babel-loader