Laravel mix会在任何CSS更改时重新加载整个页面_Laravel_Laravel Mix

Laravel mix会在任何CSS更改时重新加载整个页面

laravel

Laravel mix会在任何CSS更改时重新加载整个页面,laravel,laravel-mix,Laravel,Laravel Mix,我与Laravel+Docker进行了设置。CSS中的每一个更改都会导致整个页面重新加载，而不是使用HMR 我的混合配置非常简单 const mix = require('laravel-mix'); mix.js('resources/js/app.js', 'public/js') .postCss('resources/css/app.css', 'public/css', [ require('postcss-import'), require(

我与Laravel+Docker进行了设置。CSS中的每一个更改都会导致整个页面重新加载，而不是使用HMR

我的混合配置非常简单

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

mix.js('resources/js/app.js', 'public/js')
    .postCss('resources/css/app.css', 'public/css', [
        require('postcss-import'),
        require('tailwindcss'),
    ])
    .options({
        hmrOptions: {
            host: 'localhost',
            port: 80
        }
    })
    .browserSync({
        proxy: 'localhost'
    })
    .webpackConfig(require('./webpack.config'));

if (mix.inProduction()) {
    mix.version();
}

在我的

welcome.blade.php

中，我得到了

<head>
...
<script src="{{ mix('/js/app.js') }}"></script>
...
</head>

这是Nginx配置（同样是IDK，如果它有助于发现问题的话）

我还注意到有点奇怪，这就是我的mix-manifest.json的样子

{
    "/js/app.js": "/js/app.js",
    "/css/app.css": "/css/app.css",
    "/js/app.ae65e032bd08612cf852.hot-update.js": "/js/app.ae65e032bd08612cf852.hot-update.js",
    "/js/app.4df852d71a6c62167607.hot-update.js": "/js/app.4df852d71a6c62167607.hot-update.js",
    "/js/app.9f83d5752f12aca2c95a.hot-update.js": "/js/app.9f83d5752f12aca2c95a.hot-update.js",
    ...

}

每次我在app.css中更改某些内容时，都会添加一个新行。我错过了什么明显的东西吗

...
location ~ (/js/.*app.js(.map)?|/js/.*hot-update.[js|json]|/sockjs-node.*) {
        proxy_pass http://webpack;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection 'upgrade';
        proxy_set_header Host $host;
        proxy_cache_bypass $http_upgrade;
    }
...

{
    "/js/app.js": "/js/app.js",
    "/css/app.css": "/css/app.css",
    "/js/app.ae65e032bd08612cf852.hot-update.js": "/js/app.ae65e032bd08612cf852.hot-update.js",
    "/js/app.4df852d71a6c62167607.hot-update.js": "/js/app.4df852d71a6c62167607.hot-update.js",
    "/js/app.9f83d5752f12aca2c95a.hot-update.js": "/js/app.9f83d5752f12aca2c95a.hot-update.js",
    ...

}