webpack.config.js

const defaultConfig = require( '@wordpress/scripts/config/webpack.config' );
const DependencyExtractionWebpackPlugin = require( '@wordpress/dependency-extraction-webpack-plugin' );

// @woocommerce/* packages are provided by WooCommerce at runtime — don't bundle them.
const WC_EXTERNALS = {
	'@woocommerce/components':  [ 'wc', 'components' ],
	'@woocommerce/csv-export':  [ 'wc', 'csvExport' ],
	'@woocommerce/currency':    [ 'wc', 'currency' ],
	'@woocommerce/data':        [ 'wc', 'data' ],
	'@woocommerce/date':        [ 'wc', 'date' ],
	'@woocommerce/navigation':  [ 'wc', 'navigation' ],
	'@woocommerce/number':      [ 'wc', 'number' ],
	'@woocommerce/settings':    [ 'wc', 'wcSettings' ],
	'@woocommerce/tracks':      [ 'wc', 'tracks' ],
};

const WC_HANDLES = {
	'@woocommerce/components':  'wc-components',
	'@woocommerce/csv-export':  'wc-csv',
	'@woocommerce/currency':    'wc-currency',
	'@woocommerce/data':        'wc-store-data',
	'@woocommerce/date':        'wc-date',
	'@woocommerce/navigation':  'wc-navigation',
	'@woocommerce/number':      'wc-number',
	'@woocommerce/settings':    'wc-settings',
	'@woocommerce/tracks':      'wc-tracks',
};

module.exports = {
	...defaultConfig,
	entry: {
		index: './client/index.js',
	},
	output: {
		...defaultConfig.output,
		path: require( 'path' ).resolve( __dirname, 'build' ),
		filename: '[name].js',
	},
	plugins: [
		...defaultConfig.plugins.filter(
			( p ) => p.constructor.name !== 'DependencyExtractionWebpackPlugin'
		),
		new DependencyExtractionWebpackPlugin( {
			requestToExternal( request ) {
				if ( WC_EXTERNALS[ request ] ) {
					return WC_EXTERNALS[ request ];
				}
			},
			requestToHandle( request ) {
				if ( WC_HANDLES[ request ] ) {
					return WC_HANDLES[ request ];
				}
			},
		} ),
	],
};