webpack.config.js

// WordPress webpack config:
const defaultConfig = require('@wordpress/scripts/config/webpack.config');

//Plugins:
const CopyWebpackPlugin = require('copy-webpack-plugin');
const RemoveEmptyScriptsPlugin = require('webpack-remove-empty-scripts');

//Utilities
const path = require('path');
const imagesPath = path.resolve(__dirname, './assets/images');
const modulesDir = process.cwd() + '/modules/';

const entryPoints = {
	'css/reset': path.resolve(__dirname, './dev/scss', 'reset.scss'),
	'css/theme': path.resolve(__dirname, './dev/scss', 'theme.scss'),
	'css/header-footer': path.resolve(
		__dirname,
		'./dev/scss',
		'header-footer.scss',
	),
	'css/editor-styles': path.resolve(
		__dirname,
		'./dev/scss',
		'editor-styles.scss',
	),
	'css/editor': path.resolve(__dirname, './dev/scss', 'editor.scss'),
	'css/customizer': path.resolve(__dirname, './dev/scss', 'customizer.scss'),

	'js/hello-editor': path.resolve(
		__dirname,
		'./dev/js/editor',
		'hello-editor.js',
	),
	'js/hello-frontend': path.resolve(
		__dirname,
		'./dev/js/frontend',
		'hello-frontend.js',
	),
	'js/hello-elementor-settings': path.resolve(
		modulesDir,
		'admin-home/assets/js',
		'hello-elementor-settings.js',
	),
	'js/hello-elementor-topbar': path.resolve(
		modulesDir,
		'admin-home/assets/js',
		'hello-elementor-topbar.js',
	),
	'js/hello-conversion-banner': path.resolve(
		modulesDir,
		'admin-home/assets/js',
		'hello-elementor-conversion-banner.js',
	),
};

module.exports = {
	...defaultConfig,
	...{
		entry: entryPoints,
		output: {
			...defaultConfig.output,
			path: path.resolve(__dirname, './assets'),
			chunkFilename: 'js/[name].js',
			clean: false,
		},
		plugins: [
			// Include WP's plugin config.
			...defaultConfig.plugins,

			new CopyWebpackPlugin({
				patterns: [
					{
						from: path.resolve(modulesDir, 'admin-home/assets/images'),
						to: imagesPath,
					},
					{
						from: path.resolve(__dirname, 'dev/images'),
						to: imagesPath,
					},
				],
			}),
			// Removes the empty `.js` files generated by webpack but
			// sets it after WP has generated its `*.asset.php` file.
			new RemoveEmptyScriptsPlugin({
				stage: RemoveEmptyScriptsPlugin.STAGE_AFTER_PROCESS_PLUGINS,
			}),
		],
	},
};