Sourcemaps incorrect, and gone completely after Versioning

Hello,

I have been having a bit of a struggle with elixir lately. First my sourcemaps seemed to be totally perfect, but after a couple of builds I noticed that they were not actually linking to the correct files. This first started happening once I added versioning to the gulpfile.js.

I since have tried commenting out quite a bit of things to get to the source of the problem but still no luck.

Everything compiles totally fine though, and the styles on the front-end are all correct.

Here is the code from me

<link rel="stylesheet" href="{{ elixir('css/front/app.css', null) }}">

Here is my gulfile.js

const elixir = require('laravel-elixir');
require('laravel-elixir-icons');

elixir.config.sourcemaps = true;

elixir(mix => {
    mix.icons({
        iconsPath: "resources/assets/icons/",
        sassPath: "resources/assets/sass/",
        fontPath: "public/fonts/",
        relativeCssDir: "/fonts/",
        iconFontName: "icon-font",
        sassFileName: "_icon-font.scss",
        template: "resources/assets/sass/icon-font-template.scss"
    });
    mix.copy('resources/assets/fonts', 'public/fonts');
    mix.sass( [
        'vendor/font-awesome-4.6.3/scss/font-awesome.scss',
        'vendor/sweetalert.css',
        'main.scss'
    ],
        'public/css/front'
    );
    mix.version(['css/front.css'], 'public');
});