angular-2-beta-boilerplate icon indicating copy to clipboard operation
angular-2-beta-boilerplate copied to clipboard

Running multiple apps and Browsersync

Open Deviad opened this issue 8 years ago • 1 comments

Hello, in order to run multiple apps I added some lines in my file gulpfile.js


var browserSync = require("browser-sync").create();

gulp.task('browser-sync', function() {
    browserSync.init({
        server: {
            baseDir: "./"
        },
        ui: {
            port: 8080
        }

    });
});

Now I have two tries to run BrowserSync when I execute npm run start The first statement (located in a place unknown to me) halts (this is the one coming by default when you download this boilerplate package) and the second that I can read in the logs, that uses the options passed through gulpfile.js, works and starts node. Where is this statement located by default in the boilerplate package?

Thank you.

Deviad avatar Apr 13 '16 10:04 Deviad

OK, so the issue gets solved by creating a file named bs-config.json

And inside you have for example:

{
  "port": 3009,
  "files": ["./**/*.{html,htm,css,js}"],
  "server": { "baseDir": "./" },
  "ui" : {
    "port": 3010
  }
}

Basically what happens is that Gulp is executed by default by the lite-server. Therefore, if you call it using Gulp, it gets called twice in the end. So, in order to run BrowserSync with custom options, you have to insert the options that will override the default ones in bs-config.json.

Hope it will help someone else as well.

Deviad avatar Apr 13 '16 10:04 Deviad