Add browsersync

package.json

@@ -8,6 +8,8 @@
     "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
   },
   "devDependencies": {
+    "browser-sync": "^2.26.3",
+    "browser-sync-webpack-plugin": "2.0.1",
     "cross-env": "^5.2.0",
     "laravel-mix": "^4.0.14"
   },

webpack.mix.js

@@ -5,3 +5,11 @@ mix.disableNotifications()
     require('tailwindcss')(),
     require('postcss-nested')(),
   ])
+  .browserSync({
+    proxy: 'localhost:8000',
+    notify: false,
+    files: [
+      'resources/**/*.css',
+      'source/**/*.twig'
+    ]
+  })