(Update) Add asset versions and fix production builds

-- Run --

npm run prod && php artisan clear:all

resources/views/layout/default.blade.php

@@ -27,8 +27,8 @@
             </div>
         </div>
 
-        <script type="text/javascript" src="{{ url('js/app.js') }}"></script>
-        <script type="text/javascript" src="{{ url('js/unit3d.js') }}"></script>
+        <script type="text/javascript" src="{{ mix('js/app.js') }}"></script>
+        <script type="text/javascript" src="{{ mix('js/unit3d.js') }}"></script>
 
         @if (config('other.freeleech') == true || config('other.invite-only') == false || config('other.doubleup') == true)
             <script type="text/javascript">

resources/views/partials/head.blade.php

@@ -18,14 +18,14 @@
 <link rel="shortcut icon" href="{{ url('/favicon.ico') }}" type="image/x-icon">
 <link rel="icon" href="{{ url('/favicon.ico') }}" type="image/x-icon">
 
-<link rel="stylesheet" href="{{ url('css/app.css') }}"/>
+<link rel="stylesheet" href="{{ mix('css/app.css') }}"/>
 
 @if(auth()->user()->style == 1)
-    <link rel="stylesheet" href="{{ url('css/themes/dark.css') }}">
+    <link rel="stylesheet" href="{{ mix('css/themes/dark.css') }}">
 @elseif(auth()->user()->style == 2)
-    <link rel="stylesheet" href="{{ url('css/themes/blur.css') }}">
+    <link rel="stylesheet" href="{{ mix('css/themes/blur.css') }}">
 @elseif(auth()->user()->style == 3)
-    <link rel="stylesheet" href="{{ url('css/themes/galactic.css') }}">
+    <link rel="stylesheet" href="{{ mix('css/themes/galactic.css') }}">
 @endif
 
 @if(isset(auth()->user()->custom_css))

webpack.mix.js

@@ -10,6 +10,8 @@ let mix = require('laravel-mix')
  */
 
 mix
+  .version()
+
   .webpackConfig({
     module: {
       // configuration regarding modules
@@ -66,14 +68,14 @@ mix
    */
   .sass('resources/assets/sass/main/login.scss', 'public/css/main/login.css')
   .sass('resources/assets/sass/main/twostep.scss', 'public/css/main/twostep.css')
-  .copy('resources/assets/js/unit3d/twostep.js', 'public/js')
+  .babel('resources/assets/js/unit3d/twostep.js', 'public/js/twostep.js')
 
   /*
    * Here we take all these scripts and compile them into a single 'unit3d.js' file that will be loaded after 'app.js'
    *
    * Note: The order of this array will matter, no different then linking these assets manually in the html
    */
-  .scripts([
+  .babel([
     'resources/assets/js/unit3d/hoe.js',
     'resources/assets/js/unit3d/vendor/livicons.js',
     'resources/assets/js/unit3d/blutopia.js'