Hands-On Machine Learning with TensorFlow.js

Webpack

Webpack has a longer history than Parcel and is the most widely used module bundler. Webpack is more customizable and flexible than Parcel, which means we can do anything to build the project if we can write the proper build configuration. While Parcel is easy to start, Webpack is suitable for projects that are complicated.

We need to have a dedicated configuration file named webpack.config.js. By writing the configuration file, we can perform asset management, code splitting, and code generation. The huge amount of plugins Webpack provides also gives it substantial flexibility.

Unlike Parcel, Webpack generates one large file that combines all the necessary resources. The entry point of the application needs to load only one file— ...