The webpack is another of the latest open source JavaScript module bundlers. The webpack takes modules with dependencies and generates static assets representing those modules.
Long-term caching of static assets with webpack is a great way to package all your static resources such as JavaScript, CSS, or even images, but to effectively use generated assets in production, one should leverage long-term caching.
As shown in the following figure, webpack helps bundle all the modules with dependencies including .sass and .hbs files for .css, and makes static assets deliver as deployable applications:
The webpack is available to work in two modes: CLI and API.
Use the command-line interface (CLI) to configure and interact with your build. This is mostly useful in case of early prototyping, profiling, writing npm scripts, or personal customization of the build.
API includes the Node and Module Loader plugins for webpack:
- The first step to make webpack part of your build process is to install...