Dependencies error with new laravel (5.4) webpack.

Information

With the release of the new laravel (5.4) and the default usage of the new webpack instead of gulp to compile all resources using npm run dev also came a new way to load url’s in sass. Instead of paths like; ../img/img.jpg there now a need to have the paths look like this: ~/../img/img.jpg.

I’m not really sure how non-laravel projects react to this change thus why I am making this issue.

The changes that need to be made are as follows:

1. Go to node_modules/admin-lte/dist/css/AdminLTe.css:50.
2. Change ../img/boxed-bg.jpg to ~/../img/boxed-bg.jpg.

How to duplicate this error

1. Setup a (fresh) laravel 5.4 environment using the new webpack and npm.
2. Add the admin-lte module and run the npm install command.
3. After the install is done, run npm run dev.

Exact error relevant for the AdminLTE module:

These dependencies were not found in node_modules:

* ../img/boxed-bg.jpg

[rasmusdencker]

@IkRookG For now it’s fixable by putting mix.options({ processCssUrls: false }); in your webpack.mix.js (See these release notes) 👍

[BarryPooter]

@dondencker Hey thanks for filling in how to reproduce this error, I guess I was a little bit too quick with explaining.

Also the processCssUrls option does seem to fix this behaviour, so thanks for that suggestion 👍 , that’ll save me the headache of manually doing this on every update for now.