reload happening before webpack build finished about browser-sync-webpack-plugin

[Va1]

@danlbob
hey! I had a look into your configuration and it looks OK to me, as browsersync reloads only after compilation is complete, everything should work fine. I haven no idea why it fails, I need to make some experiments with the setup of your style. Hopefully will return to you on Monday with some results.

Let me know if this is not actual already.

[itzikbenh]

I have the same issue exactly. Webpack is just extremely slow and browsersync is just impatient :).
The only way to solve this is to specify the files you want to watch with BrowserSync.
Don't watch the assets that needs to be compiled.

Here's my config:

new BrowserSyncPlugin({
    proxy: 'localhost:8888',
    port: 3000,
    files: [
        '**/*.php'
    ],
    ghostMode: {
        clicks: false,
        location: false,
        forms: false,
        scroll: false
    },
    injectChanges: true,
    logFileChanges: true,
    logLevel: 'debug',
    logPrefix: 'wepback',
    notify: true,
    reloadDelay: 0
})

[danlbob]

In my case I think the delay is due to sync lag that occurs with the docker environment I am proxying. So, yeah the only solution I've found is to add a delay of a few seconds. Annoying but probably not a Browsersync issue.