Issue details

I am using browser-sync to support my development of WebAssembly modules.
This works in Safari and FireFox, but in Chrome I get the following error:

(index):1 Uncaught (in promise) TypeError: Failed to execute 'compile' on 'WebAssembly': Incorrect response MIME type. Expected 'application/wasm'.

It seems that browser-sync (or the underlying serve-static) does not recognise .wasm files and set the corresponding (application/wasm) Content-Type header.

I tried to define a new MIME type (see below), but that does not seem to work.

How can I solve this?

Steps to reproduce/test case

Please provide necessary steps for reproduction of this issue, or better the
reduced test case (without any external dependencies).

Please specify which version of Browsersync, node and npm you're running

• Browsersync [ 2.24.7 ]
• Node [ v6.11.1 ]
• Npm [ 6.4.0 ]

Affected platforms

• linux
• windows
• OS X
• freebsd
• solaris
• other (please specify which)

Browsersync use-case

• API
• Gulp
• Grunt
• CLI

If CLI, please paste the entire command below

browser-sync start --config config/bs-config.js

In my config file, I define a new callback where I update the serve-static mime types.
The output log shows that application/wasm is indeed added, but still I do not get the correct mime-type in my browser...

"callbacks": {
    ready: function(err, bs) {

        bs.utils.serveStatic.mime.define({ 'application/wasm': ['wasm'] });

        console.log(bs.utils.serveStatic.mime);
    }
},

for all other use-cases, (gulp, grunt etc), please show us exactly how you're using Browsersync

{Browsersync init code here}