arunmah's avatar

Mix with processCssUrls enabled won't work with mix.styles()

I have a mix with following code:

mix.js('resources/assets/admin/js/app.js', 'public/js/admin.js')
    .styles( 'resources/assets/admin/css/app.css', 'public/css/admin.css')

app.css contains:

body{

    background: url( '../img/sidebar-5.jpg' );

}

and I have sidebar-5.jpg image inside img folder.

When I run 'npm run watch' command in terminal, the url inside the css file is not changing and images are not being copied to the public folder.

But when I compile the css file with mix.sass() method it copies the image and changes the url inside css file. It is not working only with mix.styles() method.

0 likes
2 replies
Briareos's avatar

I have same thing here, combining vendor css files in order to not include it in sass dirrectly, but urls won't to be processed. Is there any decision for this issue?

rhand's avatar

I was looking into mix.styles to combine some Dashboard CSS styles:

<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet" />
<link href="/libs/jquery-ui.min.css" rel="stylesheet" />
<link href="/libs/jquery-ui.structure.min.css" rel="stylesheet" />
<link href="/libs/jquery-ui.theme.min.css" rel="stylesheet" />

This for development and production. But here I read image urls are not changing to images being copied. May not be an issue for me working with the mentioned CSS files, but still. Any news on this?

Please or to participate in this conversation.