TypeScript browser-sync reload Exemples

Exemple #1

Fichier : code_change_tools.ts Projet : gitter-badger/hydra-admin

let changed = files => {
  if (!(files instanceof Array)) {
    files = [files];
  }

  browserSync.reload(files);
};

Exemple #2

Fichier : code_change_tools.ts Projet : JayKan/angular2-dashboard

let changed = files => {
  if (!(files instanceof Array)) {
    files = [files];
  }
  browserSync.reload(files);
  // tinylr.changed({
  //   body: { files }
  // });
};

Exemple #3

Fichier : sync.ts Projet : fellswoop/angular-project-template

export function changed(files) {
    if(!(files instanceof Array)) {
        files = [files];
    }

    if (sync.active) {
        sync.reload(files);
    }
};

Exemple #4

Fichier : styles.ts Projet : intraspacedesign/intraspacedesign.net

/**
 *
 */
function buildStyles() {
  return src(_src())
    .pipe(plug.sourcemaps.init())
    .pipe(plug.sass())
    .pipe(plug.sourcemaps.write('.'))
    .pipe(dest('tmp/serve'))
    .pipe(browserSync.reload({ stream: true }))
    .pipe(dest('src'))
}

Exemple #5

Fichier : code_change_tools.ts Projet : wuyingki/angular2-seed

let changed = files => {
  if (!(files instanceof Array)) {
    files = [files];
  }
  // if (ENABLE_HOT_LOADING) {
  //   ng2HotLoader.onChange(files);
  // } else {
    browserSync.reload(files);
  // }
};

Exemple #6

Fichier : gulpfile.ts Projet : markogresak/color-wars

gulp.task("less", () => {
  gulp.src(lessPath)
    .pipe(p.plumber())
    .pipe(p.sourcemaps.init())
    .pipe(p.less())
    .pipe(p.autoprefixer())
    .pipe(p.sourcemaps.write())
    .pipe(gulp.dest("dist/public"))
    .pipe(browserSync.reload({ stream: true }));
});

Exemple #7

Fichier : code_change_tools.ts Projet : Anhmike/scalable-architecture-demo

let changed = (files: any) => {
  if (!(files instanceof Array)) {
    files = [files];
  }
  // if (ENABLE_HOT_LOADING) {
  //   ng2HotLoader.onChange(files);
  // } else {
  //TODO: Figure out why you can't pass a file to reload
  browserSync.reload(files.path);
  //}
};

Exemple #8

Fichier : code_change_tools.ts Projet : AriFreyr/EveApp

let changed = (files: any) => {
  if (!(files instanceof Array)) {
    files = [files];
  }

  let onlyStylesChanged =
    files
      .map((f:string) => path.parse(f).ext)
      .reduce((prev:string, current:string) => prev && (current === '.scss' || current === '.css'), true);

  // if (ENABLE_HOT_LOADING) {
  //   ng2HotLoader.onChange(files);
  // } else {
  //TODO: Figure out why you can't pass a file to reload
  if (onlyStylesChanged === false) {
    browserSync.reload(files);
  }else {
    browserSync.reload('*.css');
  }
  //}
};

Exemple #9

Fichier : code_change_tools.ts Projet : giovannicandido/angular2-seed

let changed = (files: any) => {
  if (!(files instanceof Array)) {
    files = [files];
  }

   let onlyStylesChanged =
     files
       .map((f:string) => path.parse(f))
       .reduce((prev:boolean, current:path.ParsedPath) => {       
         return prev && (current.ext === '.scss' || current.ext === '.css') && !current.name.endsWith(".component")
        }, true);
  //
  // if (ENABLE_HOT_LOADING) {
  //   ng2HotLoader.onChange(files);
  // } else {
  //TODO: Figure out why you can't pass a file to reload
  if (onlyStylesChanged === false) {
    browserSync.reload();
  } else {
    browserSync.reload('**/*.css');
  }
  //}
};

Exemple #10

Fichier : browser-sync-tests.ts Projet : 1drop/DefinitelyTyped

        baseDir: "./"
    }
};

// config only
browserSync(config);

// config + callback
browserSync(config, function (err, bs) {
    if (!err) {
        console.log("BrowserSync is ready!");
    }
});

// browser reload
browserSync.reload();

// single file
browserSync.reload( "styles.css" );

// multiple files
browserSync.reload( ["styles.css", "ie.css"] );

// streams support
browserSync.reload( { stream: true } );

browserSync.notify("Compiling, please wait!");

browserSync.notify("HTML <span color='green'>is supported</span> too!");

// Since 1.3.0, specify a timeout