Most of the time we use Gulp in our projects but recently we discovered Laravel Mix which is a Laravel wrapper for Webpack. Like most pre-processors, there is a watch command (
npm run watch), designed to watch your assets for changes and compile on the go.
For us it was a simple path issue:
// The issue background-image: url('../images/gradient.png'); // The fix background-image: url('/images/gradient.png');
There was no feedback in terminal that the background image was not pointing to the correct place, one to remember for the future!