Configuring the Webpack bundler in JavaScript

The installed bundler must be configured. This is done in the special webpack.config.js configuration file. In this file, the mode setting controls the bundle mode, the entry setting sets an entry point, and the output setting sets the bundle name.

Let's create a configuration file with the following content:

webpack.config.jsexport default {
  mode: 'development',
  entry: './src/index.js',
  output: {
    filename: './dist/bundle.js',
  }
};