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).

kemsky · Accepted Answer · 2016-04-13 15:29:21Z

9

You could use serve instead of lite-server.

answered Apr 13, 2016 at 15:29

kemsky

15.4k3 gold badges37 silver badges53 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

PascalVKooten Over a year ago

I did npm install --save serve and added the line "serve": "serve", under "scripts" in package.json. Then I was able to use npm run serve.

Mani Jagadeesan Over a year ago

@PascalvKooten You can also install serve globally so that you do not have to keep a local copy in every project of yours. For this package, you will not require different versions across multiple projects.

Jyotirmay Over a year ago

How to run it without node or npm or browser-sync??

kemsky Over a year ago

you should use another web server if don't want to use node and npm

Martin Cremer Over a year ago

But with npm serve, when i refresh none-root pages, it's a 404.

olaoluwa_98 · Accepted Answer · 2017-04-27 11:21:09Z

1

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

answered Apr 27, 2017 at 11:21

olaoluwa_98

3341 silver badge9 bronze badges

Comments

Vojtech Ruzicka · Accepted Answer · 2016-11-13 12:26:22Z

-1

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

edited Nov 13, 2016 at 12:26

Vojtech Ruzicka

17.2k15 gold badges67 silver badges68 bronze badges

answered Nov 3, 2016 at 13:51

Gaurav Rathi

651 bronze badge

Collectives™ on Stack Overflow

How to serve angular2 app without browsersync

3 Answers 3

5 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

5 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related