manifest.php

/**
 * Using entrypoints.json, grab all the scripts that relate to an entrypoint, such as 'app'.
 * This is then passed to wp_enqueue_script so all the scripts are automatically added.
 * Thanks to wp_enqueue_script preventing de-dupes, we don't need to worry about runtime.js being duplicated when you use this function for multiple entrypoints.
 *
 * @param   String  $entryName  'app' or other entrypoints defined in your webpack.config.js
 */
function get_scripts( $entryName ) {
    $distDir = '/dist';
    $entryPoints = get_template_directory() . $distDir . '/entrypoints.json';

    $hash = file_exists( $entryPoints ) ? json_decode( file_get_contents( $entryPoints ), true ) : [];

    if (false === isset($hash['entrypoints'][$entryName]['js'])) {
        return;
    }

    foreach ($hash['entrypoints'][$entryName]['js'] as $entry) {
        wp_enqueue_script($entry, $entry, null, false, true);
    }
}

/**
 * Using entrypoints.json, grab all the stylesheets that relate to an entrypoint, such as 'app'.
 * This is then passed to wp_enqueue_style so all the styles are automatically added.
 *
 * @param   String  $entryName  'app' or other entrypoints defined in your webpack.config.js
 */
function get_styles( $entryName ) {
    $distDir = '/dist';
    $entryPoints = get_template_directory() . $distDir . '/entrypoints.json';

    $hash = file_exists( $entryPoints ) ? json_decode( file_get_contents( $entryPoints ), true ) : [];

    if (false === isset($hash['entrypoints'][$entryName]['css'])) {
        return;
    }

    foreach ($hash['entrypoints'][$entryName]['css'] as $entry) {
        wp_enqueue_style($entry, $entry);
    }
}