# Webpack

## What's webpack?

In essence Webpack is a bundler that bundles your Javascript and other front-end assets. Such as CSS, HTML and images.In order to bundle your assets, Webpack has to be able to process the Javascript and other assets. It uses a concept of loaders for that.&#x20;

Even though recent versions of Webpack do not need a configuration-file, if you wish to customize the bundling-process, you will quickly see that a configuration-file is required.&#x20;

Have a look at the documentation: <https://webpack.js.org/>&#x20;

```javascript
// an example webpack.config.js-file

const path = require("path");

module.exports = {
  output: {
    filename: "my-bundle.js",
  },
  
  module: {
    rules: [
      { test: /\.jsx?$/, use: "babel-loader" }
    ]
  }
}
```
