Add Config file to the Webpack project

Configure webpack: (Article 2025-04-23)

Create a webpack.config.js file in the project root directory

type nul > webpack.config.js

Add contents to the Config file

const path = require('path');

module.exports = {
  // Entry point of your application
  entry: './src/index.js',
  output: {
    // Specifies the output directory as 'build' instead of the default 'dist'
    path: path.resolve(__dirname, 'build'),
    // Specifies the output file as 'bundle.js' instead of the default 'main.js'
    filename: 'bundle.js',
    // Cleans the output directory before each build (useful for avoiding clutter)
    clean: true,
  }
}

Run the build script to generate bundled file.