webpack.config.js

/**
 * External dependencies
 */
const { resolve } = require('path');
const path = require("path");
const CopyPlugin = require("copy-webpack-plugin");
const NODE_ENV =  "production";

const webpackConfig = {
	mode: NODE_ENV,
	entry: {
		"dashboard": resolve(
			process.cwd(),
			'./src/dashboard/index.js',
		),
		"blocks": resolve(
			process.cwd(),
			'./src/blocks/index.js',
		),
		"divibuilder": resolve(
			process.cwd(),
			'./src/divibuilder/index.jsx'),
		"templates": resolve(
			process.cwd(),
			'./src/templates/index.tsx',
		),
		"rolesandpermission": resolve(
			process.cwd(),
			'./src/rolesandpermission/index.js'
		),
	},
	output: {
		path: resolve(process.cwd(), 'dist'),
		filename: "[name].min.js",
		libraryTarget: "this"
	},
	devtool: NODE_ENV ? false: "source-map",
	module: {
		rules: [
			{
				test: /\.(js|jsx|ts|tsx)$/,
				exclude: /node_modules/,
				use: {
				  loader: 'babel-loader',
				  options: {
					presets: ['@babel/preset-env', '@babel/preset-react','@babel/preset-typescript']
				  }
				},
			  },
			{
				test: /\.(png|svg|jpg|jpeg|gif|webp)$/i,
				use: [
					{
						loader: 'file-loader',
					},
				],
			}
		]
	},
	plugins: [
		new CopyPlugin({
			patterns: [
				{
					from: "./src/blocks/**/block.json",
					to({ absoluteFilename }) {
						return path.resolve(
							__dirname,
							"dist",
							path.basename(path.dirname(absoluteFilename)),
							"block.json",
						);
					},
				},
			],
		}),
	],
	externals: {
		"@wordpress/blocks": ["wp", "blocks"],
		"@wordpress/components": ["wp", "components"],
		"@wordpress/block-editor": ["wp", "blockEditor"],
		"@wordpress/server-side-render": ["wp", "serverSideRender"],
		react: ["React"],
	},
	resolve: {
		extensions: ['.js', '.jsx', '.ts', '.tsx'],
	  },

};

if (webpackConfig.mode !== "production") {
	webpackConfig.devtool = process.env.SOURCEMAP || "source-map";
}

module.exports = webpackConfig;