LegacySyncImporter

型宣言

• • (this: LegacyImporterThis, url: string, prev: string): LegacyImporterResult

  • @import 規則と @use 規則のカスタム Sass 読み込みロジックを実装する同期コールバック。これは、importer に render または renderSync のいずれかに渡すことができます。

    詳細なドキュメントについては、importer を参照してください。

    sass.renderSync({
      file: "style.scss",
      importer: [
        function(url, prev) {
          if (url != "big-headers") return null;
    
          return {
            contents: 'h1 { font-size: 40px; }'
          };
        }
      ]
    });
    Copy

    非推奨

    これは、レガシーの render および renderSync API でのみ機能します。Importer を compile、compileString、compileAsync、および compileStringAsync と共に使用してください。

    パラメータ

    • this: LegacyImporterThis

    • url: string

      @use または @import 規則の URL を文字列として、スタイルシートに表示されるのとまったく同じように指定します。

    • prev: string

      @use または @import を含むスタイルシートを識別する文字列。この文字列の形式は、そのスタイルシートの読み込み方法によって異なります。

      • スタイルシートがファイルシステムから読み込まれた場合、それはファイルの絶対パスです。
      • スタイルシートがその内容を返したインポーターから読み込まれた場合、それはそれを読み込んだ @use または @import 規則の URL です。
      • スタイルシートが data オプションから取得された場合、それは文字列 "stdin" です。

    戻り値 LegacyImporterResult