Webpack

Question 1

What is Webpack?

Answer 1

JavaScript module bundler
Starts from an entry point and builds a dependency graph which maps every module your project needs and generates one or more bundles

Question 2

How do you add a dev dependency to a package?

Answer 2

With –save-dev flag

npm install –save-dev webpack

Question 3

What is an NPM script?

Answer 3

Method of giving a command a (usually) shorter alias
npm run script

Can add scripts through the package.json file

Question 4

how do you execute webpack with npm run?

Answer 4

npm run webpack

or create a script that runs webpack and then type npm run script

Question 5

What is Babel?

Answer 5

JavaScript compiler that is used to convert ES6(ES 2015+) code into backwards compatible version of JS

Can also convert jsx into javascript for react

Question 6

What is a plug-in?

Answer 6

software component that adds a specific feature to an existing computer program

Plug-in is not necessary for the basic functionality of the program

Question 7

What is a webpack loader?

Answer 7

transformations that are applied to the source code of a module

plug-in for Webpack

Can transform files from a different language to JavaScript

Question 8

How can you make Babel and Webpack work together?

Answer 8

install both webpack and babel + babel-loader as dev dependencies