text: const mix = require('laravel-mix');
  
  require('vuetifyjs-mix-extension');
  /*
   |--------------------------------------------------------------------------
   | 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.
   |
   */
  
  mix.setPublicPath('public')
      .setResourceRoot('../') // Turns assets paths in css relative to css file
      .vue()
      .sass('resources/sass/frontend/app.scss', 'css/frontend.css')
      .sass('resources/sass/backend/app.scss', 'css/backend.css')
      .js('resources/js/frontend/app.js', 'js/frontend.js').vuetify().vue()
      .js('resources/js/backend/app.js', 'js/backend.js')
      .extract([
          'alpinejs',
          'jquery',
          'bootstrap',
          'popper.js',
          'axios',
          'sweetalert2',
          'lodash'
      ])
      .sourceMaps();
  
  if (mix.inProduction()) {
      mix.version();
  } else {
      // Uses inline source-maps on development
      mix.webpackConfig({
          devtool: 'inline-source-map'
      });
  }
  