Allow configuring BrowserSync on a per project basis

[felipearosemena]

Context

While working on a Shopify site using the Back in Stock app, I found I needed to work with a URL with no port attached (localhost instead of localhost:3000). This was due to a limitation of the app, which I didn't really have control over.

Solution

Changed the port in watcher.js to 443 (the browser's default https port)

return {
      proxy: {
           ...
          port: 443
      }
}

Then ran start as sudo:

sudo yarn start

This boots up your browser with just localhost, instead of localhost:3000

Caveat

I had to edit the npm package source directly. What would the level of effort be to make this configurable without having to edit the package's source?