TypeScript gulp-debug類代碼示例

// This takes, PROD_DEPENDENCIES from config, and looks for CSS files in specified path, minifies them
// adds them to a common css bundle and saves them to a CSS_DEST.
    function processExternalCss() {
      return gulp.src(getExternalCss().map(r => r.src))
        .pipe(debug({title:'html_css.processExternalCss.src'}))
        .pipe(plugins.cssnano())
        .pipe(debug({title:'html_css.processExternalCss.cssnano'}))
        .pipe(plugins.concat(CSS_PROD_BUNDLE))
        .pipe(debug({title:'html_css.processExternalCss.CSS_PROD_BUNDLE'}))
        .pipe(gulp.dest(CSS_DEST))
        .pipe(debug({title:'html_css.processExternalCss.CSS_DEST'}));
    }

 // This method collects component's CSS files, minifies them and pushed them to TMP_DIR.
 function minifyComponentCss() {
   return gulp.src([
       join(APP_SRC, '**', '*.css'),
       // This line restricts any other css place in folders under assets from being picked.
       '!' + join(APP_SRC, 'assets', '**', '*.css')
     ])
     .pipe(debug({title:'html_css.minifyComponentCss.src'}))
     .pipe(plugins.cssnano())
     .pipe(debug({title:'html_css.minifyComponentCss.cssnano'}))
     .pipe(gulp.dest(TMP_DIR))
     .pipe(debug({title:'html_css.minifyComponentCss.dist'}));
 }

 // This takes, PROD_DEPENDENCIES from config, and looks for JS,SHIMS,Libs files in specified path
 // adds them to a common JS bundle (Shimps.js) and saves them to a JS_DEST.
 function bundleShims() {
   return gulp.src(getShims())
   // Strip comments and sourcemaps
   .pipe(debug({title:'build.bundle.getShims.src'}))
   .pipe(plugins.uglify({
     mangle: false
   }))
   .pipe(debug({title:'build.bundle.getShims.uglify'}))
   .pipe(plugins.concat(JS_PROD_SHIMS_BUNDLE))
   .pipe(debug({title:'build.bundle.JS_PROD_SHIMS_BUNDLE.concat'}))
   .pipe(gulp.dest(JS_DEST))
   .pipe(debug({title:'build.bundle.JS_DEST.concat'}));
 }

 return function () {
   return gulp.src([                   // picks source files, except HTML, CSS and ts files
       join(APP_SRC, '**'),
       '!' + join(APP_SRC, '**', '*.ts'),
       '!' + join(APP_SRC, '**', '*.css'),
       '!' + join(APP_SRC, '**', '*.html'),
     ])
     // .pipe(debug({title:'ASSETS.prodW.src'}))
     .pipe(onlyDirs(es))               // Allows to copy only non empty directories.
     .pipe(debug({title:'ASSETS.prodW.onlyDIRs'}))
     .pipe(gulp.dest(APP_DEST))       // adds files to APP_DEST directory.
     .pipe(debug({title:'ASSETS.prodW.DEST'}));
 };

	@Task('ts::lint')
	tslint() {
		gulp.src(['./app/**/*.ts'])
			.pipe(tslint())
			.pipe(tslint.report('verbose'))
			.pipe(debug());
	}

gulp.task('default', () => {
    let s = size();

    return gulp.src('fixture.js')
        .pipe(s)
        .pipe(gulp.dest('dist'))
        .pipe(debug({title: 'Total size ' + s.prettySize}));
});

export = () => {
    let debug: boolean = argv.debug;
    let dir=join(Config.TMP_DIR, 'jslocal');
    let serviceWorkerFiles = join(dir, '**/service-worker*.js');
    let normalFiles=[join(dir, '**/*.js'),
                    '!' + serviceWorkerFiles];
    if (debug) {
        console.log('copy.js.local - normal files: ', normalFiles);
        console.log('copy.js.local - service worker files: ', serviceWorkerFiles);
    }
    gulp.src(normalFiles)
        .pipe(gulpif(debug, gulpdebug({title:'copy.js.local normal files'})))
        .pipe(gulp.dest(Config.JS_DEST));
    gulp.src(serviceWorkerFiles)
        .pipe(gulpif(debug, gulpdebug({title:'copy.js.local service worker files'})))
        .pipe(gulp.dest(Config.PROD_DEST));
};

  return function () {
    let tsProject = tsProjectFn(plugins);
    util.log('BUILD JS Prod: tsProject', chalk.yellow(tsProject));

    let src = [
      'typings/browser.d.ts',
      'tools/manual_typings/**/*.d.ts',
      join(APP_SRC, '**/*.ts'),
      '!' + join(APP_SRC, '**/*.spec.ts'),
      '!' + join(APP_SRC, '**/*.e2e.ts')
    ];
    let result = gulp.src(src)
      .pipe(debug({title:'buildJS.Prod.src'}))
      .pipe(plugins.plumber())
      .pipe(debug({title:'buildJS.Prod.plumbr'}))
      .pipe(plugins.inlineNg2Template(INLINE_OPTIONS))
      .pipe(debug({title:'buildJS.Prod.inlineNG2'}))
      .pipe(plugins.typescript(tsProject));

    return result.js
      .pipe(debug({title:'buildJS.Prod.resultJS.tsProject'}))
      .pipe(plugins.template(templateLocals()))
      .pipe(debug({title:'buildJS.Prod.resultJS.templateLocals'}))
      .pipe(gulp.dest(TMP_DIR))
      .pipe(debug({title:'buildJS.Prod.resultJS.dir'}));
  };

 // This method collects component's HTML files and pushed them to TMP_DIR.
 function prepareTemplates() {
   return gulp.src(join(APP_SRC, '**', '*.html'))
     .pipe(debug({title:'html_css.prepareTemplates.src'}))
     .pipe(gulp.dest(TMP_DIR))
     .pipe(debug({title:'html_css.prepareTemplates.dist'}));
 }