Browsersync ignores host config, starts on localhost about browser-sync-webpack-plugin

[Va1]

@mealeyst

Sorry for the delay, having too much stuff happening. However, I did look into issue and here's what I found:

1. yes, it does open localhost with the config you provided
2. no, it does not ignore host option, it just uses it for the external url. I guess, this is the proper behavior, as browser-sync server is being hosted on your localhost anyways, and can have aliases (I might be wrong about this, did not find anything related in browser-sync docs)
3. there is a way to do what you want. you should specify your desired host and it will be used as external url host, then you should add an option property (docs), and set it to external, and it will open your host in the browser.

What I put in config:

var BrowserSyncPlugin = require('browser-sync-webpack-plugin');

module.exports = {
    entry: './src/entry.js',
    output: {
        path: './public',
        filename: 'bundle.js'
    },
    plugins: [
        new BrowserSyncPlugin({
            host: 'abrahadabra.foobar.com',
            port: 3030,
            server: { baseDir: ['public'] },
            open: 'external'
        })
    ]
};

What I see in console:

[BS] Access URLs:
 -----------------------------------------------
       Local: http://localhost:3030
    External: http://abrahadabra.foobar.com:3030
 -----------------------------------------------
          UI: http://localhost:3001
 UI External: http://abrahadabra.foobar.com:3001
 -----------------------------------------------
[BS] Serving files from: public

What I see in browser:

http://abrahadabra.foobar.com:3030/

I feel like this issue is about browser-sync configuration and documentation, not about the plugin.

[Va1]

Hey!

Hm, let me check this out.

[mealeyst]

@Va1 Thank you so much for looking into this, if you need any other details as well I'd be happy to help.

[Va1]

I assume, the issue is closed.