Webpack

Question 1

What is Webpack?

Answer 1

takes a bunch of js files and 3rd party dependencies –> makes 1 file

Question 2

How do you add a devDependency to a package?

Answer 2

npm install –save-dev packageName

if you don’t do –save-dev it adds to regular dependencies instead of devDependencies

Question 3

What is an NPM script?

Answer 3

give us shortcut scripts to run other scripts

Question 4

How do you execute Webpack with npm run?

Answer 4

update package.json “scripts”

npm run build

Question 5

devDependecies

regular dependency

Answer 5

devDependencies: TOOL used in development process

dependency: project directly uses in code

Question 6

webpack process

Answer 6

if you change your js code, must run webpack build again (use “npm run watch” command to automate this)

src: contains your js code
main. js: NEVER EDIT THIS; webpack will make this

Question 7

lib folder

Answer 7

menial tasks for helper functions:

• creating an element
• formatting $
• formatting dates