How do I add versioning on JS and CSS files for a non Laravel app

I know this not an issue, but I can’t figure how (or if it is possible) to version the build assets?

I’m using s standard index.html file in the dist folder, the same directory as the compiled .css and .js files along with mix-manifest.json.

Is there a way to dynamically reference the hashed IDs from the index.html file.

In webpack.mix.js I have:

mix.js('src/js/app.js', 'dist/')
    .sass('src/sass/app.scss', 'dist/')
    .setPublicPath('dist')
    .version()

[JeffreyWay]

Yeah right now, you’d need to load that manifest file and build the URL.

We’re adding an option for file-based versioning soon, so that should solve your problem.

[artemsky]

@jackbarham maybe it will help you for now. I came with this problem far time ago. And created my own helper for non-laravel projects

if (! function_exists('mix')) {
    /**
     * Get the path to a versioned file.
     *
     * @param  string  $path
     * @param  string  $manifestDirectory
     * @return string
     *
     * @throws \Exception
     */
    function mix($path, $manifestDirectory = 'public')
    {

        if (! starts_with($path, '/')) {
            $path = "/{$path}";
        }

        $path = substr($path, 7);

        if ($manifestDirectory && ! starts_with($manifestDirectory, '/')) {
            $manifestDirectory = "/{$manifestDirectory}";
        }

            if (! file_exists($manifestPath = $_SERVER['DOCUMENT_ROOT'] . $manifestDirectory.'/mix-manifest.json')) {
                throw new Exception('The Mix manifest does not exist.');
            }

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

        if (! array_key_exists($path, $manifest)) {
            throw new Exception(
                "Unable to locate Mix file: {$path}. Please check your ".
            'mix-manifest.json output paths and try again.'
        );
        }
        return base_url($manifestDirectory.$manifest[$path]);
    }
}