# visualizer/4.0.8/classes/Visualizer/D3Renderer/webpack.config.js

Visualizer – Tables & Charts Manager with Built-in AI Generator, version 4.0.8. 44 lines.

- Page: https://pluginprobe.com/plugins/visualizer/4.0.8/code/classes/Visualizer/D3Renderer/webpack.config.js
- Raw: https://pluginprobe.com/plugins/visualizer/4.0.8/raw/classes/Visualizer/D3Renderer/webpack.config.js
- Modified: 2026-03-31T13:30:52+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/visualizer/4.0.8/code/classes/Visualizer/D3Renderer/webpack.config.js#L10-L20`.

```javascript
const path = require( 'path' );
const defaultConfig = require( '@wordpress/scripts/config/webpack.config' );

const buildDir = path.resolve( __dirname, 'build' );

/**
 * Main bundle (index.js) — standard wp-scripts config with WP dependency
 * extraction.  Runs in the parent page context.
 */
const mainConfig = {
	...defaultConfig,
	entry: {
		index: path.resolve( __dirname, 'src/index.js' ),
	},
	output: {
		...defaultConfig.output,
		path: buildDir,
	},
};

/**
 * Iframe bundle (iframe.js) — standalone IIFE that runs inside a sandboxed
 * iframe.  WordPress dependency extraction is disabled so that d3 and
 * topojson are bundled inline (the iframe has no access to wp.* globals).
 */
const iframeConfig = {
	...defaultConfig,
	entry: {
		iframe: path.resolve( __dirname, 'src/iframe.js' ),
	},
	output: {
		...defaultConfig.output,
		path: buildDir,
	},
	// Remove DependencyExtractionWebpackPlugin — iframe has no WP globals.
	plugins: defaultConfig.plugins.filter(
		( plugin ) => plugin.constructor.name !== 'DependencyExtractionWebpackPlugin'
	),
	// Bundle d3/topojson inline; do not treat anything as external.
	externals: {},
};

module.exports = [ mainConfig, iframeConfig ];

```