Interactivity API: Add build configuration for a standalone package

.gitignore

@@ -50,3 +50,6 @@ test/gutenberg-test-themes/twentytwentyone
 test/gutenberg-test-themes/twentytwentythree
 test/gutenberg-test-themes/twentytwentyfour
 packages/react-native-editor/src/setup-local.js
+
+# Interactivity API standalone build
+dist

packages/interactivity/package.json

@@ -32,5 +32,8 @@
 	},
 	"publishConfig": {
 		"access": "public"
+	},
+	"scripts": {
+		"build": "webpack --config webpack.config.js"
 	}
 }

packages/interactivity/webpack.config.js

@@ -0,0 +1,67 @@
+/*
+ * THIS FILE IS USED ONLY FOR BUILDING THE STANDALONE VERSION OF THE
+ * INTERACTIVITY PACKAGE FOR USE ON A CDN OR IN A NON-WP ENVIRONMENT.
+ */
+
+/**
+ * External dependencies
+ */
+const { join } = require( 'path' );
+
+/**
+ * Internal dependencies
+ */
+const { baseConfig } = require( '../../tools/webpack/shared' );
+
+module.exports = {
+	...baseConfig,
+	name: 'interactivity-standalone',
+	entry: {
+		index: './src/index',
+		debug: './src/debug',
+	},
+	experiments: {
+		outputModule: true,
+	},
+	output: {
+		devtoolNamespace: 'wp',
+		filename: './packages/interactivity/dist/[name]-standalone.min.js',
+		library: {
+			type: 'module',
+		},
+		path: join( __dirname, '..', '..' ),
+		environment: { module: true },
+		module: true,
+		chunkFormat: 'module',
+	},
+	resolve: {
+		extensions: [ '.js', '.ts', '.tsx' ],
+	},
+	module: {
+		rules: [
+			{
+				test: /\.(j|t)sx?$/,
+				exclude: /node_modules/,
+				use: [
+					{
+						loader: require.resolve( 'babel-loader' ),
+						options: {
+							cacheDirectory:
+								process.env.BABEL_CACHE_DIRECTORY || true,
+							babelrc: false,
+							configFile: false,
+							presets: [
+								'@babel/preset-typescript',
+								'@babel/preset-react',
+							],
+						},
+					},
+				],
+			},
+		],
+	},
+	watchOptions: {
+		ignored: [ '**/node_modules' ],
+		aggregateTimeout: 500,
+	},
+};