webpack.config.js

const fs = require("fs");
const path = require("path");
const glob = require("glob");
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
const wpPot = require("wp-pot");
const { Z_FIXED } = require("zlib");
const outputEntry = () => {
	let paths = {};

	glob.sync("./src/js/view/*").reduce((acc, file) => {
		let fileName = path.parse(file).name;

		if (fileName.charAt(0) !== "_") {
			paths[path.join("js", "view", fileName)] = file;
		}
	}, {});

	glob.sync("./src/js/edit/*").reduce((acc, file) => {
		let fileName = path.parse(file).name;

		if (fileName.charAt(0) !== "_") {
			paths[path.join("js", "edit", fileName)] = file;
		}
	}, {});

	glob.sync("./src/css/view/*").reduce((acc, file) => {
		let fileName = path.parse(file).name;

		if (fileName.charAt(0) !== "_") {
			paths[path.join("css", "view", fileName)] = file;
		}
	}, {});

	return paths;
};
const removeEntry = () => {
	entry = [];

	glob.sync("./src/css/view/*").reduce((acc, file) => {
		let fileName = path.parse(file).name;

		if (fileName.charAt(0) !== "_") {
			entry.push(path.join("css", "view", fileName.concat(".js")));
			entry.push(path.join("css", "view", fileName.concat(".min.js")));
		}
	}, {});

	return entry;
};

module.exports = (env, argv) => {
	if (argv.mode === "production") {
		// Generate .pot on production build only
		wpPot({
			destFile: "languages/essential-addons-for-elementor-lite.pot",
			domain: "essential-addons-for-elementor-lite",
			package: "Essential Addons For Elementor Lite",
			includePOTCreationDate: false,
			src: "**/*.php",
		});
	}

	return {
		stats: "minimal",
		entry: outputEntry(),
		output: {
			path: path.resolve(__dirname, "assets/front-end/"),
			filename:
				argv.mode === "production" ? "[name].min.js" : "[name].js",
		},
		plugins: [
			new MiniCssExtractPlugin({
				filename:
					argv.mode === "production"
						? "[name].min.css"
						: "[name].css",
			}),
			{
				apply(compiler) {
					compiler.hooks.shouldEmit.tap(
						"removeStylesFromOutput",
						(compilation) => {
							removeEntry(argv).forEach((entry) => {
								delete compilation.assets[entry];
							});
							return true;
						}
					);
				},
			},
			{
				apply: (compiler) => {
					compiler.hooks.afterEmit.tap("postBuild", (compilation) => {
						const dir =
							"./../../uploads/essential-addons-elementor";

						fs.stat(dir, (err, stats) => {
							if (stats?.isDirectory()) {
								fs.readdir(dir, (err, files) => {
									if (err) throw err;

									for (let file of files) {
										fs.unlink(
											path.join(dir, file),
											(err) => {
												if (err) throw err;
											}
										);
									}
								});
							}
						});
					});
				},
			},
		],
		module: {
			rules: [
				{
					test: /\.(js)$/,
					exclude: /node_modules/,
					use: {
						loader: "babel-loader",
					},
				},
				{
					test: /\.(scss)$/,
					use: [
						MiniCssExtractPlugin.loader,
						{ loader: "css-loader", options: { url: false } },
						"postcss-loader",
						"sass-loader",
					],
				},
			],
		},
	};
};