text: const mix = require("laravel-mix");
  
  /*
   |--------------------------------------------------------------------------
   | 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.ts("resources/js/app.jsx", "public/js/app.js")
      .react()
      .postCss("resources/css/app.css", "public/css", [
          require("postcss-import"),
          require("tailwindcss"),
          require("autoprefixer"),
      ])
      .sourceMaps()
      .postCss("resources/css/fonts.css", "public/css", [
          require("postcss-import"),
          require("tailwindcss"),
          require("autoprefixer"),
      ])
      .copyDirectory("resources/img", "public/img")
      .webpackConfig(require("./webpack.config"))
      .sourceMaps();
  
  if (mix.inProduction()) {
      mix.version();
  }
  