How to serve angular2 app without browsersync

Question

In my package.json I have the following:

...
"scripts": {
        "tsc": "tsc",
        "tsc:w": "tsc -w --outDir build",
        "lite": "lite-server",
        "start": "concurrent \"npm run tsc:w\" \"npm run lite\" "
    },
...

and I was wondering how could I start the app using "npm production" or something similar?

I'd want to prevent browsersync from running: I just tried with multiple users and it was hilarious to see that they were scrolling "as one". This also happens accross different browsers (but not using different tabs).

Answer 1

You could use serve instead of lite-server.

Answer 2

Use the npm start. In newly installed Angular app with ng new <name_of_app>, the package.json file has the settings for that

"scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  }

So using npm start will run ng serve and the browser sync does not run browsersync

Answer 3

you can use http-server (npm install -g http-server) then in your project directory http-serve -p [port]