Unser Team nutzte den Gulp-Angular-Generator mit yeoman, um unsere Web-App auszurüsten. Es verwendet Browsersync, um Live-Nachladevorgänge abzuwickeln, die wir möchten. Wir haben es jedoch gerade auf unserem Entwicklungsserver implementiert. Wenn zwei Entwickler gleichzeitig den Befehl gulp serve verwenden, wird ihnen dasselbe Fenster angezeigt (dh ein Entwicklertyp in einem Fenster wird im Fenster des anderen Entwicklers angezeigt) auch). Ich glaube, das liegt an den geräteübergreifenden Testfunktionen von BrowserSync, bin jedoch ratlos darüber, wie diese Funktion deaktiviert werden kann. Wenn jemand weiß, wie das geht (am besten ohne unsere Live-Reload-Funktion zu deaktivieren), lass es mich wissen!

Below ist der Code für die Datei "server.js" im Ordner "gulp", der mit dem Code im Lieferumfang des gulp-angular generator identisch ist. Hoffentlich hilft dies einigen Menschen.

'use strict';

var path = require('path');
var gulp = require('gulp');
var conf = require('./conf');

var browserSync = require('browser-sync');
var browserSyncSpa = require('browser-sync-spa');

var util = require('util');

var proxyMiddleware = require('http-proxy-middleware');

function browserSyncInit(baseDir, browser) {
  browser = browser === undefined ? 'default' : browser;

  var routes = null;
  if(baseDir === conf.paths.src || (util.isArray(baseDir) && baseDir.indexOf(conf.paths.src) !== -1)) {
    routes = {
      '/bower_components': 'bower_components'
    };
  }

  var server = {
    baseDir: baseDir,
    routes: routes
  };

  /*
   * You can add a proxy to your backend by uncommenting the line bellow.
   * You just have to configure a context which will we redirected and the target url.
   * Example: $http.get('/users') requests will be automatically proxified.
   *
   * For more details and option, https://github.com/chimurai/http-proxy-middleware/blob/v0.0.5/README.md
   */
  // server.middleware = proxyMiddleware('/users', {target: 'http://jsonplaceholder.typicode.com', proxyHost: 'jsonplaceholder.typicode.com'});

  browserSync.instance = browserSync.init({
    startPath: '/',
    server: server,
    browser: browser
  });
}

browserSync.use(browserSyncSpa({
  selector: '[ng-app]'// Only needed for angular apps
}));

gulp.task('serve', ['watch'], function () {
  browserSyncInit([path.join(conf.paths.tmp, '/serve'), conf.paths.src]);
});

gulp.task('serve:dist', ['build'], function () {
  browserSyncInit(conf.paths.dist);
});

gulp.task('serve:e2e', ['inject'], function () {
  browserSyncInit([conf.paths.tmp + '/serve', conf.paths.src], []);
});

gulp.task('serve:e2e-dist', ['build'], function () {
  browserSyncInit(conf.paths.dist, []);
});