Deutlich einfacher (genau genommen zwei Zeilen) ist die Konfiguration von Webpack & Babel mit Hilfe von Laravel Mix (einem Wrapper um Webpack, Laravel hat sonst damit erst einmal nichts zu tun). Funktioniert auch für die Entwicklung von Gutenberg-Plugins wunderbar.

Einfach wie hier vorgegeben für ein Stand-Alone-Project im Plugin-Ordner installieren (genau wie Webpack): https://laravel-mix.com/docs/4.0/installation#stand-alone-project

und im webpack.mix.js folgendes Eintragen:

let mix = require(‚laravel-mix‘);
mix.react(‚blocks/index.js‘, ‚js/editor.blocks.js‘);

mix.react (https://laravel-mix.com/docs/4.0/mixjs#react-support) sorgt für das passende JSX-Babel-Plugin.

Die passenden NPM-Scripts findet man hier: https://laravel-mix.com/docs/4.0/installation#npm-scripts

Natürlich kann man auch beliebige CSS Preprocessors mit Laravel Mix nutzen: https://laravel-mix.com/docs/4.0/css-preprocessors Ebenfalls einfach und deutlich weniger fehleranfällig als