Add Laravel Mix versionning (mix-manifest.json) to Wordpress

functions.php

<?php

if (! function_exists('mix')) {
    /**
     * Get the path to a versioned Mix file.
     *
     * @param  string  $path
     * @return \Illuminate\Support\HtmlString|string
     *
     * @throws \Exception
     */
    function mix(string $path)
    {
        $dist_uri  = get_stylesheet_directory_uri() . '/dist';
        $dist_path = get_stylesheet_directory() . '/dist';

        if (! Str::startsWith($path, '/')) {
            $path = "/{$path}";
        }

        $manifestPath = $dist_path . '/mix-manifest.json';

        if (! file_exists($manifestPath)) {
            throw new Exception('The Mix manifest does not exist.');
        }

        $manifest = json_decode(file_get_contents($manifestPath), true);

        return new HtmlString($dist_uri . $manifest[$path]);
    }
}

add_action('wp_enqueue_scripts', function () {
    wp_enqueue_style('my_theme', mix('/css/app.css'));
    wp_enqueue_script('my_theme', mix('/js/app.js'));
});

webpack.mix.js

const mix = require('laravel-mix');
const assetDir = 'resources/assets';
const distDir = './dist';

require('laravel-mix-copy-watched');

// Configure mix/webpack
mix.setPublicPath(distDir)

// Set options
mix.options({
   fileLoaderDirs: {
       images: `${assetDir}/images`, // to load images in scss using url('../images/pic.png')
   }
});

// Compile assets
mix.js(`${assetDir}/scripts/app.js`, `${distDir}/js`)
   .sass(`${assetDir}/styles/app.scss`, `${distDir}/css`)
   .options({
       processCssUrls: false,
   })
   .version() // this is important to generate mix-manifest.json

// Copy images in dist folder
mix.copyWatched('resources/assets/images/**/*.{jpg,jpeg,png,gif,svg}', 'dist/images', { base: 'resources/assets/images/' })