text: const mix = require('laravel-mix');
  const path = require('path');
  
  /*
   |--------------------------------------------------------------------------
   | Mix Asset Management
   |--------------------------------------------------------------------------
   |
   | Mix provides a clean, fluent API for defining some Webpack build steps
   | for your Laravel applications. By default, we are compiling the CSS
   | file for the application as well as bundling up all the JS files.
   |
   */
  
  // mix.js('resources/js/app.js', 'public/js')
  //     .vue()
  //     .postCss('resources/css/app.css', 'public/css', [
  //         require('postcss-import'),
  //         require('tailwindcss'),
  //     ])
  //     .webpackConfig(require('./webpack.config'));
  
  mix
      .js('resources/js/app.js', 'public/js')
      .react()
      .postCss('resources/css/app.css', 'public/css/app.css', [
          require('postcss-import'),
          require('tailwindcss'),
          require('autoprefixer')
      ])
      .options({
          // hmrOptions: hmrOptions
      })
      .webpackConfig({
          output: { chunkFilename: 'js/[name].js?id=[chunkhash]' },
          resolve: {
              alias: {
                  '@': path.resolve('resources/js')
              }
          },
          // devServer: devServer
      })
      .version()
      .sourceMaps();
  
  
  
  if (mix.inProduction()) {
      mix.version();
  }
  