Winkel-6, CLI -> wie man ng build-Projekt + Bibliotheken

Momentan gibt es keinen unterstützten Weg um dies zu tun, out of the box.
Vorgeschlagen von @oklymenk Sie sollten jetzt gehen Sie mit einem benutzerdefinierten Skript, die Kette alle diese Kommandos bauen.

Auch die freigegebenen link von @Eutrepe, können Sie sehen, dass Sie planen, um loszuwerden, diese wieder aufzubauen, was jedesmal, wenn Sie änderungen an Ihrer Bibliothek.

Läuft ng build my-lib jedes mal, wenn Sie eine Datei ändern, ist lästig und braucht Zeit.

Einige ähnliche setups stattdessen fügen Sie den Pfad zu den source-code direkt im tsconfig. Dies macht sehen Veränderungen in Ihrem app schneller.

Aber tun, ist riskant. Wenn Sie das tun, wird das build-system für Ihre app erstellen der Bibliothek als gut. Aber Ihre Bibliothek ist gebaut mit einem anderen build-system als app.

Diese zwei build-Systeme bauen kann, die Dinge ein wenig anders, oder unterstützt ganz unterschiedliche Funktionen.

Dies führt zu subtilen bugs, wo Ihr veröffentlichte Bibliothek verhält sich anders als die in Ihrer Entwicklung-setup.

Aus diesem Grund haben wir beschlossen, err auf der Seite der Vorsicht, und stellen Sie die empfohlene Verwendung der sicheren.

In die Zukunft, die wir hinzufügen möchten-Uhr-Unterstützung zum Aufbau von Bibliotheken, so dass es schneller zu Veränderungen sehen.

Planen wir auch die internen Abhängigkeits-Unterstützung von Schwenk-CLI. Dies bedeutet, dass Winkel-CLI kennen würde Ihre app hängt von Ihrer Bibliothek, und wird automatisch neu erstellt die Bibliothek, wenn die Anwendung Sie braucht.

Warum benötige ich zum erstellen der Bibliothek, wenn ich änderungen vornehmen?

InformationsquelleAutor Ashutosh Singh

Ich ein Skript erstellt, dass, wenn in demselben Ordner platziert wie angular.json wird, ziehen Sie die Datei, die Schleife über die Projekte und bauen Sie Sie in Chargen asynchron.

Hier ist eine kurze Zusammenfassung, können Sie schalten Sie die output-path und die Anzahl der asynchronen baut. Ich habe ausgeschlossen e2e-für den moment, aber Sie können entfernen Sie den Verweis auf die filteredProjects Funktion, und es wird für die e2e Projekte als gut. Es wäre auch einfach zu fügen Sie diese zu package.json als npm-Skript ausführen. So weit, es hat gut funktioniert.

https://gist.github.com/bmarti44/f6b8d3d7b331cd79305ca8f45eb8997b

const fs = require('fs'),
  spawn = require('child_process').spawn,
  //Custom output path.
  outputPath = '/nba-angular',
  //Number of projects to build asynchronously.
  batch = 3;

let ngCli;

function buildProject(project) {
  return new Promise((resolve, reject) => {
    let child = spawn('ng', ['build', '--project', project, '--prod', '--extract-licenses', '--build-optimizer', `--output-path=${outputPath}/dist/` + project]);

    child.stdout.on('data', (data) => {
      console.log(data.toString());
    });

    child.stderr.on('data', (data) => {
      process.stdout.write('.');
    });

    child.on('close', (code) => {
      if (code === 0) {
        resolve(code);
      } else {
        reject(code);
      }
    });
  })
}

function filterProjects(projects) {
  return Object.keys(projects).filter(project => project.indexOf('e2e') === -1);
}

function batchProjects(projects) {
  let currentBatch = 0,
    i,
    batches = {};

  for (i = 0; i < projects.length; i += 1) {
    if ((i) % batch === 0) {
      currentBatch += 1;
    }
    if (typeof (batches['batch' + currentBatch]) === 'undefined') {
      batches['batch' + currentBatch] = [];
    }

    batches['batch' + currentBatch].push(projects[i]);
  }
  return batches;
}

fs.readFile('angular.json', 'utf8', async (err, data) => {
  let batches = {},
    batchesArray = [],
    i;

  if (err) {
    throw err;
  }

  ngCli = JSON.parse(data);

  batches = batchProjects(filterProjects(ngCli.projects));
  batchesArray = Object.keys(batches);

  for (i = 0; i < batchesArray.length; i += 1) {
    let promises = [];

    batches[batchesArray[i]].forEach((project) => {
      promises.push(buildProject(project));
    });

    console.log('Building projects ' + batches[batchesArray[i]].join(','));

    await Promise.all(promises).then(statusCode => {
      console.log('Projects ' + batches[batchesArray[i]].join(',') + ' built successfully!');
      if (i + 1 === batchesArray.length) {
        process.exit(0);
      }
    }, (reject) => {
      console.log(reject);
      process.exit(1);
    });
  }
});

InformationsquelleAutor bmarti44