GULP Frage: pipe und Abarbeitung

[Frank L. (Firma: Flk Consulting UG) (flk)]

Hallo Zusammen,
heute mal zwei Frage an die GULP Spezialisten.

Ausgangssituation:

gulp.task("bundle", gulp.series("removeWebpackModules", "lint", "webpack_form_prod", "transpileAllPublicTypescript", "transpileAllPrivateTypescript", "wait", "copy"/*, "uglifyF", "uglifyR"*/, "zip"));

In diesem Aufruf werden nacheinander verschiedene Schritte erledigt um 
meine Anwendung zu bundeln und für das Deployment vorzubereiten.

Die beiden Funktionen "transpileAllPublicTypescript" und 
"transpileAllPrivateTypescript" sind gerade meine beiden Sorgenkinder.

Da beide Funktionen identisch sind und nur mit unterschiedlichen 
Informationen versorgt werden zeige ich hier nur eine.

async function transpileAllPrivateTypescript(done) {
  for (const typeScriptModule of [...typeScriptPublicModules]) {
    var tsProject = ts.createProject('tsconfig.json');
    await gulp.src([TYPESCRIPTPATH + typeScriptModule.sourceFile])
      .pipe(tsProject())
      .pipe(replace("export {};", ""))
      .pipe(gulp.dest(typeScriptModule.targetPath));
  }
  done();
}

Die beiden Funktionen machen was sie sollen. Das Problem ist allerdings, 
des es mir nicht gelingt sie so zu formulieren, dass die gesamte 
Ausführung  wartet bis beide zu Ende gelaufen sind.

Das führt aktuell dazu, dass ich eine Funktion "wait" benutzte um 
sicherzustellen das die Ergebnisse der beiden auch da sind bevor ich die 
Funktion "copy" ausführe.

Die zweite Frage, die ich hätte, in der tsconfig.json habe ich für das 
aktuelle Projekt auch den Schalter "declaration=true" gesetzt.

Da die generierten d.ts Files leider auch im Zielordner landen würde ich 
gerne im letzten pipe - Aufruf eine Weiche einbauen mit der ich js Datei 
im eigentlichen Zielordner und d.ts Datei in einem anderen Ordner meines 
Projektes ablegen kann.

Leider übersteigen beide Problemstellungen meinen aktuellen Wissensstand 
bei GULP. Deshalb meine Bitte um eine kleine Hilfestellung.

Gruß und Danke

Frank

[Frank L. (Firma: Flk Consulting UG) (flk)]

Hallo Zusammen,
ich konnte die Fragestellung selber beantworten. Ich bin mehr durch 
Zufall mit den richtgien Suchworten unterwegs gewesen :-(

const ts = require("gulp-typescript");
const merge = require('merge2');

async function transpileTypescript() {
  var tsResult = gulp.src(typeScriptModules)
    .pipe(ts({
      declaration: true,
      jsx: "react",
      allowJs: true,
      module: "ESNext",
      lib: [
        "dom",
        "ES2021"
      ],
      target: "ES2022",
      noImplicitAny: false,
      removeComments: true,
      sourceMap: false,
      noImplicitThis: false,
      skipLibCheck: true,
      forceConsistentCasingInFileNames: true,
      importHelpers: true,
      strict: true,
      moduleResolution: "Node",
      allowSyntheticDefaultImports: true,
    }));

  return merge([
    tsResult.dts.pipe(replace("export {};", "")).pipe(gulp.dest(dtsTargetDirectory)),
    tsResult.js.pipe(replace("export {};", "")).pipe(gulp.dest(jsTargetDirectory))
  ]);
}

So werden beide Probleme auf einmal gelöst.
Das ich am Ende ein

replace("export {};", "")

durchführe, hängt damit zusammen, das durch moduleResolution: "Node" am 
Ende der Datei genau diese Zeichenfolge eingefügt wird. Da wir die 
erzeugten Module in ClearScript verarbeiten, muss das weg.

Gruß
Frank