Erhalten Sie programmatische Kontrolle über Ihre Builds mit Netlify Build Plugins

Heute auf der Jamstack_Conf kündigte Netlify Build Plugins an. Damit können Sie bestimmte Hooks für Ereignisse innerhalb Ihres Builds haben, z. B. wenn der Build beginnt oder endet. Das Schöne daran ist, dass sie nur ein einfaches JavaScript-Objekt sind, sodass Sie einfach die Logik einfügen oder eine Bibliothek starten können, genau wie Sie es normalerweise in Ihrer Anwendung tun würden.

Ein „Build“ ist, wenn Sie Ihre Website an Netlify übergeben, entweder über GitHub/GitLab/etc. oder indem Sie einfach das Verzeichnis in die Oberfläche ziehen. Netlify verarbeitet alle Assets, lädt Pakete herunter und installiert sie und generiert eine statische Version der Website, die auf CDNs weltweit bereitgestellt wird.

Das Build Plugin gibt Ihnen Zugriff auf Schlüsselpunkte in diesem Prozess, zum Beispiel onPreBuild, onPostBuild, onSuccess und so weiter. Sie können zu diesen spezifischen Zeitpunkten Logik ausführen, wie zum Beispiel:

module.exports = {
  onPreBuild: () => {
    console.log('Hello world from onPreBuild event!')
  },
}

Sie müssen sie nicht nur selbst erstellen! Sie können auch Build-Plugins verwenden, die von der Community erstellt wurden. Es gibt sehr interessante, wie z. B. a11y, Cypress zum Testen, Inline Critical CSS und mein persönlicher Favorit Subfont, das Ihre Schriftarten auf wirklich unglaubliche Weise optimiert (Sie können ein Video dazu ansehen).

Aktivieren Sie sie über das Dashboard mit wenigen Klicks

Wenn Sie mehr erfahren möchten, lesen Sie den Ankündigungspost hier! Viel Spaß beim Bauen!