diff --git a/dist/js/gutenberg.js b/dist/js/gutenberg.js
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/package.json b/package.json
index 609e9ad24f93cc8ca63afcaa366fa2cd57c17937..7c5bb15acdab5bb77a8c467b7342e97b3a426248 100755
--- a/package.json
+++ b/package.json
@@ -1,11 +1,18 @@
 {
   "name": "wp-revisions-control",
   "version": "0.1.0",
+  "description": "Control how many revisions are stored for each post type",
   "main": "Gruntfile.js",
   "author": "Erick Hitter",
   "devDependencies": {
     "grunt": "~0.4.5",
     "grunt-wp-i18n": "~0.5.0",
-    "grunt-wp-readme-to-markdown": "~1.0.0"
+    "grunt-wp-readme-to-markdown": "~1.0.0",
+    "laravel-mix": "^6.0.13"
+  },
+  "scripts": {
+    "dev": "NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --config=node_modules/laravel-mix/setup/webpack.config.js",
+    "watch": "NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --config=node_modules/laravel-mix/setup/webpack.config.js",
+    "production": "NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --config=node_modules/laravel-mix/setup/webpack.config.js"
   }
 }
diff --git a/src/js/gutenberg.js b/src/js/gutenberg.js
new file mode 100644
index 0000000000000000000000000000000000000000..3355c937cec3de925706a838aaafdfe1e675c1cf
--- /dev/null
+++ b/src/js/gutenberg.js
@@ -0,0 +1 @@
+console.log( 'Hello, world' );
diff --git a/webpack.mix.js b/webpack.mix.js
new file mode 100644
index 0000000000000000000000000000000000000000..e264da0144a71b3562a4bd95e00c2373cff7c593
--- /dev/null
+++ b/webpack.mix.js
@@ -0,0 +1,10 @@
+const mix = require( 'laravel-mix' );
+
+mix.autoload( {} )
+	.react( 'src/js/gutenberg.js', 'dist/js/gutenberg.js' )
+	.webpackConfig({
+		externals: {
+			'react': 'React',
+			'react-dom': 'ReactDOM'
+		}
+	} );