Laravel webpack doesn't watch css files

Question

This is my webpack.mix.js file:

 let mix = require('laravel-mix');

 mix.js(['resources/assets/admin/js/app.js',
    'resources/assets/admin/js/core/app.js',
    'resources/assets/admin/js/core/libraries/bootstrap.min.js',
    'resources/assets/admin/js/core/libraries/jquery.min.js',
    ], 'public/assets/admin/js/all.js')
.styles(['resources/assets/admin/css/bootstrap.css',
        'resources/assets/admin/css/core.css',
        'resources/assets/admin/css/components.css',
        'resources/assets/admin/css/custom-style.css',
        'resources/assets/admin/css/colors.css',
        'resources/assets/admin/css/icons/fontawesome/styles.min.css',
        'resources/assets/admin/css/icons/icomoon/styles.css',
   ],
   'public/assets/admin/css/all.css').sourceMaps();

I run nmp run watch command and when I edit any js files it recompiles immediately but when I edit css files nothing happens! how can I solve this issue?

Vaibhavraj Roham · Accepted Answer · 2017-07-11 08:58:53Z

2

Actually scripts() and styles() are being run in background when you run npm run watch. But laravel-mix does not notify about that on terminal.

You can find discussion about this issue here on laravel-mix project from Owner.

May be solution for your issue would be updating the laravel-mix version and check if workaround is implemented for this issue.

Hope it helps you!

answered Jul 11, 2017 at 8:58

Vaibhavraj Roham

1,16312 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Tohid Dadashnezhad Over a year ago

Yes, you're right laravel-mix dosn't show any notifications for css files on terminal unlike javascript files but it applies the changes. Thank you so much.

Collectives™ on Stack Overflow

Laravel webpack doesn't watch css files

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related