Use webpack-config with wp-scritps

webpack-config/.npmrc

@@ -0,0 +1 @@
+package-lock=false

webpack-config/README.md

@@ -0,0 +1,3 @@
+## webpack config example plugin
+
+WordPress plugin to showcase how to work with webpack-config package.

webpack-config/index.php

@@ -0,0 +1,22 @@
+<?php
+
+/**
+ * Plugin Name: Understanding Gutenberg: webpack-config
+ * Plugin URI: https://github.com/nosolosw/understanding-gutenberg
+ * Description: Plugin to showcase how to work with webpack-config.
+ * Version: 0.0.1
+ */
+
+function webpack_config_plugin_script_register() {
+	wp_register_script(
+		'webpack-config-plugin-block',
+		plugins_url( 'build/index.js', __FILE__ ),
+		array( 'wp-blocks', 'wp-element' )
+	);
+}
+add_action( 'init', 'webpack_config_plugin_script_register' );
+
+function webpack_config_plugin_script_enqueue() {
+	wp_enqueue_script( 'webpack-config-plugin-block' );
+}
+add_action( 'enqueue_block_editor_assets', 'webpack_config_plugin_script_enqueue' );

webpack-config/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "webpack-config",
+  "version": "1.0.0",
+  "description": "Plugin to showcase how to work with webpack-config.",
+  "author": "WordPress contributors",
+  "license": "GPL-2.0-or-later",
+  "keywords": [
+    "wordpress",
+    "webpack-config"
+  ],
+  "homepage": "https://github.com/nosolosw/understanding-gutenberg#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/nosolosw/understanding-gutenberg.git"
+  },
+  "bugs": {
+    "url": "https://github.com/nosolosw/understanding-gutenberg/issues"
+  },
+  "main": "index.js",
+  "devDependencies": {
+    "@wordpress/scripts": "file:../../gutenberg/packages/scripts"
+  },
+  "scripts": {
+    "analyze": "GUTENBERG_BUNDLE_ANALYZER=true wp-scripts build",
+    "start": "wp-scripts start",
+    "build": "wp-scripts build"
+  },
+  "dependencies": {}
+}

webpack-config/src/index.js

@@ -0,0 +1,22 @@
+import { createElement } from '@wordpress/element';
+import { registerBlockType } from '@wordpress/blocks';
+
+registerBlockType( 'blockexample-plugin/block', {
+    title: 'Love',
+    icon: 'heart',
+    category: 'common',
+    edit: function() {
+        return ( createElement(
+            'p',
+            {},
+            'I ♥ Gutenberg.'
+        ) );
+    },
+    save: function() {
+        return ( createElement(
+            'p',
+            {},
+            'I ♥ .'
+        ) );
+    },
+} );

webpack-config/webpack.config.js

@@ -0,0 +1,3 @@
+const config = require( '@wordpress/scripts/config/webpack.config.js' );
+
+module.exports = Object.assign( {}, config );