LegacyAsyncImporter

LegacyAsyncImporter: ((this: LegacyImporterThis, url: string, prev: string, done: ((result: LegacyImporterResult) => void)) => void)

Typdeklaration

    • (this: LegacyImporterThis, url: string, prev: string, done: ((result: LegacyImporterResult) => void)): void

    • Ein asynchroner Callback, der benutzerdefinierte Sass-Lade-Logik für @import-Regeln und @use-Regeln implementiert. Dies kann an importer für entweder render oder renderSync übergeben werden.

      Ein asynchroner Importer muss undefined zurückgeben und dann done mit dem Ergebnis seines LegacyImporterResult aufrufen, sobald er fertig ist.

      Siehe importer für detailliertere Dokumentation.

      sass.render({
        file: "style.scss",
        importer: [
          function(url, prev, done) {
            if (url != "big-headers") done(null);

            done({
              contents: 'h1 { font-size: 40px; }'
            });
          }
        ]
      });

      Veraltet

      Dies funktioniert nur mit den Legacy-APIs render und renderSync. Verwenden Sie stattdessen Importer mit compile, compileString, compileAsync und compileStringAsync .

      Parameter

      • this: LegacyImporterThis
      • url: string

        Die @use- oder @import-Regel-URL als String, genau so, wie sie im Stylesheet erscheint.

      • prev: string

        Ein String, der das Stylesheet identifiziert, das @use oder @import enthielt. Das Format dieses Strings hängt davon ab, wie dieses Stylesheet geladen wurde.

        • Wenn das Stylesheet aus dem Dateisystem geladen wurde, ist es der absolute Pfad seiner Datei.
        • Wenn das Stylesheet von einem Importer geladen wurde, der seine Inhalte zurückgegeben hat, ist es die URL der @use- oder @import-Regel, die es geladen hat.
        • Wenn das Stylesheet über die Datenoption kam, ist es der String "stdin".
      • done: ((result: LegacyImporterResult) => void)

        Der Callback, der aufgerufen werden soll, sobald der Importer läuft.

      Gibt void zurück