Modules (1/1)
What is a webpack Module?
In Webpack, a module is essentially any file that Webpack can process as part of your application's dependency graph. Modules are the building blocks of a Webpack application, and they represent different pieces of functionality or logic. Webpack takes modules as input, processes them with loaders, and bundles them into output files. Loaders describe to webpack how to process non-native modules and include these dependencies into your bundles. The webpack community has built loaders for a wide variety of popular languages and language processors
In contrast to Node.js modules, webpack modules can express their dependencies in a variety of ways. A few examples are:
- An ES2015 import statement
- A CommonJS require() statement
- An AMD define and require statement
- An @import statement inside of a css/sass/less file.
- An image url in a stylesheet url(...) or HTML <img src=...> file.