LegacySyncImporter

LegacySyncImporter: ((this: LegacyImporterThis, url: string, prev: string) => LegacyImporterResult)

Typdeklaration

    • (this: LegacyImporterThis, url: string, prev: string): LegacyImporterResult
    • Ein synchroner Callback, der benutzerdefinierte Sass-Ladefunktionen für @import Regeln und @use Regeln implementiert. Dies kann für render oder renderSync an importer übergeben werden.

      Siehe importer für detailliertere Dokumentation.

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

      return {
      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 die @use- oder @import-Regel 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 aus der data-Option stammt, ist es der String "stdin".

      Gibt LegacyImporterResult zurück