Today, any modern client-side application represents a mix of many concerns that are addressed individually by various technologies. Addressing each concern individually simplifies the overall process of managing the project's complexity. The downside of this approach is that at some point in your project, you need to put together all the individual parts into one coherent application. Just like the robots in an automotive factory that assemble cars from individual parts, developers have something called as build-tools that assemble their projects from individual modules. This process is called the build process, and depending on the size and complexity of your project, it can take anywhere from milliseconds to hours to build.
Webpack will help us to automate our build process. First, we need to configure Webpack. Assuming you're in your ~/snapterest/ directory, create a new webpack.config.js file.
Now let's describe our build process in the webpack.config.js file. In...