build

webpack.mix.js

@@ -1,25 +1,26 @@
 const mix = require('laravel-mix');
+
 require('laravel-mix-postcss-config');
 require('laravel-mix-tailwind');
 require('laravel-mix-purgecss');
-/*
- |--------------------------------------------------------------------------
- | Mix Asset Management
- |--------------------------------------------------------------------------
- |
- | Mix provides a clean, fluent API for defining some Webpack build steps
- | for your Laravel application. By default, we are compiling the Sass
- | file for the application as well as bundling up all the JS files.
- |
- */
 
-const tailwindcss = require('tailwindcss')
 
 mix.js('resources/js/app.js', 'public/js')
-    .sass('resources/sass/app.scss', 'public/css')
+    .extract();
+
+mix.sass('resources/sass/app.scss', 'public/css')
     .tailwind('./tailwind.config.js')
     .purgeCss({
         enabled: mix.inProduction(),
         folders: ['./resources'],
         extensions: ['php', 'js', 'vue']
-    });
+    });
+
+    mix.version();
+    mix.options({
+        processCssUrls: false,
+    });
+    
+    if (! mix.inProduction()) {
+        mix.sourceMaps();
+    }