Install Browsersync dependency and Refactore gulpfile

Author: vs0uz4

gulpfile.js

@@ -8,14 +8,38 @@ elixir((mix) => {
      */
     mix.sass('app.scss');
 
+    /**
+     *  Concatenating font-awesome styles files in vendor.css
+     */
     mix.styles([
         './node_modules/font-awesome/css/font-awesome.css'
     ], 'public/css/vendor.css');
 
-    mix.copy('node_modules/font-awesome/fonts', 'public/fonts');
+    /**
+     *  Coping fonts of font-awesome for public/build/fonts path
+     */
+    mix.copy('node_modules/font-awesome/fonts', 'public/build/fonts');
 
     /**
      *  Building Javascript files
      */
     mix.webpack('app.js');
+
+    /**
+     *  Versioning files
+     */
+    mix.version([
+       'public/css/vendor.css',
+       'public/css/app.css',
+       'public/js/app.js',
+    ]);
+
+    /**
+     *  Syncing files in Browser
+     */
+    mix.browserSync({
+        proxy: 'app:8080',
+        open: false,
+    });
+
 });

package.json

@@ -10,6 +10,7 @@
     "jquery": "^3.2.1",
     "laravel-elixir": "^6.0.0-14",
     "laravel-elixir-browserify-official": "^0.1.3",
+    "laravel-elixir-browsersync-official": "^1.0.0",
     "laravel-elixir-vue-2": "^0.2.0",
     "laravel-elixir-webpack-official": "^1.0.2",
     "lodash": "^4.16.2",