I'd like to remove temp build files during or after my laravel-mix build.
Here's some code that I have currently, but del isn't working:

const mix = require('laravel-mix');
const del = require('del');

// pile sass into temp css file
mix.sass('resources/stylesheets/style.scss', 'public/css/temp.css');

// pile css
mix.styles([
    // other css stylesheets here...
    'public/css/temp.css' // include temp css file
], 'public/css/admin.min.css');

// delete temp css file
del('public/css/temp.css'); // not deleting the file

I'd like to remove temp build files during or after my laravel-mix build.
Here's some code that I have currently, but del isn't working:

const mix = require('laravel-mix');
const del = require('del');

// pile sass into temp css file
mix.sass('resources/stylesheets/style.scss', 'public/css/temp.css');

// pile css
mix.styles([
    // other css stylesheets here...
    'public/css/temp.css' // include temp css file
], 'public/css/admin.min.css');

// delete temp css file
del('public/css/temp.css'); // not deleting the file

• javascript
• webpack
• laravel-mix
• del

• Why are you doing this? Why not directly creating the admin.min.css? – Patrick Schocke Commented Dec 14, 2018 at 12:07
• 1 @KuebelElch15 you can't mix css and sass files inside mix.sass() so this is my workaround. – brad Commented Dec 14, 2018 at 12:09
• Oh, I've overread the //other css stylesheets ment – Patrick Schocke Commented Dec 14, 2018 at 12:10

1 Answer 1

I was able to solve this by running del within a then() returned by mix.styles():

const mix = require('laravel-mix');
const del = require('del');

// pile sass into temp css file
mix.sass('resources/stylesheets/style.scss', 'public/css/temp.css');

// pile css
mix.styles([
    // other css stylesheets here...
    'public/css/temp.css' // include temp css file
], 'public/css/admin.min.css').then(() => {
    del('public/css/temp.css'); // deletes the temp file
});

The same thing also works with mix.scripts():

mix.scripts([
    'public/js/app.js',
    'public/js/global.js',
], 'public/js/app.bined.js').then(() => {
    del('public/js/app.js');
    del('public/js/global.js');
});