To create multiple source bundle files in webpack, you need to configure multiple entry points in the webpack configuration file. This approach allows you to define different chunks of code that webpack will process and bundle separately. Here’s a step-by-step guide to achieve this:
Install Webpack and Webpack CLI: First, make sure you have webpack and its CLI installed. You can do this by running:
bash
npm install –save-dev webpack webpack-cli
Organize Your Source Files: Ensure your source files are structured in a way that corresponds to the bundles you want to create. For instance, you might have separate directories or files for ‘app’, ‘admin’, ‘vendor’, etc.
Setup Webpack Configuration: Open or create webpack.config.js in the root of your project and define multiple entry points. Here is an example configuration:

javascript
const path = require(‘path’);

module.exports = {
entry: {
app: ‘./src/app.js’,
admin: ‘./src/admin.js’,
vendor: ‘./src/vendor.js’
},
output: {
filename: ‘[name].bundle.js’,
path: path.resolve(__dirname, ‘dist’)
}
};

In this configuration:
The entry object defines multiple entry points. Each key represents the name of the bundle, and the value corresponds to the path of the source file.
The output.filename [name].bundle.js uses a substitution pattern that dynamically names the output files based on the entry point name.
Build the Bundles: Run the webpack build process using the CLI to generate the bundles. Depending on your package.json scripts, you might run:

bash
npx webpack –config webpack.config.js

Or if you have a script in package.json like “build”: “webpack”, just run:
bash
npm run build
Check the Output: Upon running the build command, webpack will output files named app.bundle.js, admin.bundle.js, and vendor.bundle.js in the dist folder.
Include Bundles in HTML: Finally, include these generated bundles in your HTML file(s) as needed.

This setup allows webpack to create and manage various bundles efficiently, optimizing load time and performance for different parts of your application.