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.

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.

Have a look at the documentation: https://webpack.js.org/

// an example webpack.config.js-file

const path = require("path");

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