Customize your own webpack config from scratch

Technically, this is not an application, but a very useful task to understand how webpack works from the inside out. Now it will not be a “black box”, but an understandable tool.

Requirements:

• Compile es7 to es5 (basics).
• Compile jsx to js – or – .vue to .js (will have to learn loaders)
• Configure webpack dev server and hot module reloading. (vue-cli and create-react-app use both)
• Use Heroku, now.sh or Github, learn how to deploy webpack projects.
• Set up your favorite preprocessor to compile css – scss, less, stylus.
• Learn how to use images and svgs with webpack.