# extendify/3.2.1/webpack.designer.mjs

Extendify, version 3.2.1. 42 lines.

- Page: https://pluginprobe.com/plugins/extendify/3.2.1/code/webpack.designer.mjs
- Raw: https://pluginprobe.com/plugins/extendify/3.2.1/raw/webpack.designer.mjs
- Modified: 2026-09-09T18:23:40+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/extendify/3.2.1/code/webpack.designer.mjs#L10-L20`.

```javascript
import { dirname, resolve } from 'node:path';
import { fileURLToPath } from 'node:url';
import CopyPlugin from 'copy-webpack-plugin';
import MiniCSSExtractPlugin from 'mini-css-extract-plugin';
import base from './webpack.config.mjs';

const __dirname = dirname(fileURLToPath(import.meta.url));

// Externalizing @wordpress/* is what makes a bundle need WordPress to boot.
// The manifest and cleaner would rewrite and empty the plugin's own build dir.
const DROP = [
	'DependencyExtractionWebpackPlugin',
	'WebpackAssetsManifest',
	'CleanWebpackPlugin',
	// Two instances emit the stylesheet twice, once under a hash nothing reads.
	'MiniCssExtractPlugin',
	'MiniCSSExtractPlugin',
];

export default {
	...base,
	entry: { designer: './src/Designer/designer.js' },
	output: {
		filename: '[name].js',
		path: resolve(__dirname, 'designer-dist'),
		publicPath: './',
		clean: true,
	},
	plugins: [
		...base.plugins.filter((p) => !DROP.includes(p.constructor.name)),
		new MiniCSSExtractPlugin({ filename: '[name].css' }),
		new CopyPlugin({
			patterns: [{ from: 'src/Designer/index.html', to: 'index.html' }],
		}),
	],
	optimization: {
		...base.optimization,
		runtimeChunk: false,
		splitChunks: false,
	},
};

```