webpack.config.js

const path = require( 'path' );
const defaultConfig = require( '@wordpress/scripts/config/webpack.config' );
const fastGlob = require( 'fast-glob' );
const WebpackBar = require( 'webpackbar' );
const ReplaceInFileWebpackPlugin = require( 'replace-in-file-webpack-plugin' );

const sharedConfig = {
	...defaultConfig,
	plugins: [
		...defaultConfig.plugins,
		new ReplaceInFileWebpackPlugin( [
			{
				dir: 'dist',
				test: [ /\.js/ ],
				rules: [
					{
						search: /TEXTDOMAIN/gi,
						replace: 'wp-plugin-scaffold',
					},
				],
			},
		] ),
	],
};

const scripts = {
	...sharedConfig,
	entry: {
		'app': './assets/scripts/src/index.js',
		'admin': './assets/scripts/src/admin.js',
	},
	output: {
		path: path.resolve( process.cwd(), 'dist' ),
		filename: '[name].js',
		chunkFilename: '[name].js',
	},
	plugins: [
		...sharedConfig.plugins,
		new WebpackBar( {
			name: 'Scripts',
			color: '#5aec1c',
		} ),
	],
};

module.exports = [ scripts ];