In modular programming, developers break programs up into discrete chunks of functionality called a module.
Each module has a smaller surface area than a full program, making verification, debugging, and testing trivial. Well-written modules provide solid abstractions and encapsulation boundaries, so that each module has a coherent design and a clear purpose within the overall application.
In contrast to Node.js modules, webpack modules can express their dependencies in a variety of ways. A few examples are:
@importstatement inside of a css/sass/less file.
url(...)) or html (
<img src=...>) file.
webpack 1 requires a specific loader to convert ES2015
import; however, this is possible out of the box via webpack 2
And many others! Overall, webpack provides a powerful and rich API for customization that allows one to use webpack for any stack, while staying non-opinionated about your development, testing, and production workflows.