Laravel webpack 不监视 css 个文件

Question

这是我的 webpack.mix.js 文件：

 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 运行 nmp 运行 watch 命令，当我编辑任何 js 文件时，它会立即重新编译，但是当我编辑 css 文件时，什么也没有发生！我该如何解决这个问题？

Answer 1

实际上，当您运行 npm run watch 时，scripts() 和 styles() 正在后台运行。但是 laravel-mix 不会在终端上通知。

您可以在所有者的 laravel-mix project 上找到关于此问题的讨论。

您的问题的解决方案可能是更新 laravel-mix 版本并检查是否针对此问题实施了解决方法。

希望对您有所帮助！

Laravel webpack 不监视 css 个文件

Laravel webpack doesn't watch css files

laravel

webpack

laravel-mix