Answer the following questions:
- What is
webpack
? What isbabel
? - What is a
loader
? Give three examples of different kinds of loaders. - What is the difference between
path
andpublicPath
when used as keys in theoutput
object? - What is a babel
preset
? - What does
test:/\.jsx?$/
mean inside ofwebpack.config.js
? - What is the
webpack-dev-server
? - Research tree shaking and code splitting. What are these two things and how do they help reduce bundle sizes?
- What does the
default
keyword do when exporting? - What is object destructuring?
- How can you enable your
webpack.config.js
to do certain things in production versus development?
Refactor your Person
example from the JSX exercises to use Webpack and run the application using the webpack-dev-server
.