LegacyAsyncImporter

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

型宣言

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

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

      非同期インポーターはundefinedを返し、実行が完了したらLegacyImporterResultの結果を伴ってdoneを呼び出す必要があります。

      詳細については、importerを参照してください。

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

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

      非推奨

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

      パラメーター

      • this: LegacyImporterThis
      • url: string

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

      • prev: string

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

        • スタイルシートがファイルシステムから読み込まれた場合は、そのファイルの絶対パスになります。
        • そのコンテンツを返すインポーターからスタイルシートを読み込んだ場合は、それを読み込んだ@useまたは@importルールのURLになります。
        • スタイルシートがdataオプションから来た場合は、文字列"stdin"になります。
      • done: ((result: LegacyImporterResult) => void)

        インポーターの実行が完了したら呼び出すコールバックです。

      戻り値 void