Skip to main content
Deno 2 is finally here 🎉️
Learn more
Module

x/bundler/deps.ts>postcss.LazyResult

A Bundler with the web in mind.
Go to Latest
class postcss.LazyResult
implements PromiseLike<Result>
Re-export
import { postcss } from "https://deno.land/x/bundler@0.6.5/deps.ts";
const { LazyResult } = postcss;

A Promise proxy for the result of PostCSS transformations.

A LazyResult instance is returned by Processor#process.

const lazy = postcss([autoprefixer]).process(css)

Constructors

new
LazyResult(
processor: Processor,
css: string,
opts: ResultOptions,
)

Properties

catch: Promise<Result>["catch"]

Processes input CSS through synchronous and asynchronous plugins and calls onRejected for each error thrown in any plugin.

It implements standard Promise API.

postcss([autoprefixer]).process(css).then(result => {
  console.log(result.css)
}).catch(error => {
  console.error(error)
})
readonly
content: string

An alias for the css property. Use it with syntaxes that generate non-CSS output.

This property will only work with synchronous plugins. If the processor contains any asynchronous plugins it will throw an error. This is why this method is only for debug purpose, you should always use LazyResult#then.

readonly
css: string

Processes input CSS through synchronous plugins, converts Root to a CSS string and returns Result#css.

This property will only work with synchronous plugins. If the processor contains any asynchronous plugins it will throw an error. This is why this method is only for debug purpose, you should always use LazyResult#then.

finally: Promise<Result>["finally"]

Processes input CSS through synchronous and asynchronous plugins and calls onFinally on any error or when all plugins will finish work.

It implements standard Promise API.

postcss([autoprefixer]).process(css).finally(() => {
  console.log('processing ended')
})
readonly
map: SourceMap

Processes input CSS through synchronous plugins and returns Result#map.

This property will only work with synchronous plugins. If the processor contains any asynchronous plugins it will throw an error. This is why this method is only for debug purpose, you should always use LazyResult#then.

readonly
messages: Message[]

Processes input CSS through synchronous plugins and returns Result#messages.

This property will only work with synchronous plugins. If the processor contains any asynchronous plugins it will throw an error.

This is why this method is only for debug purpose, you should always use LazyResult#then.

readonly
opts: ResultOptions

Options from the Processor#process call.

readonly
processor: Processor

Returns a Processor instance, which will be used for CSS transformations.

readonly
root: Root

Processes input CSS through synchronous plugins and returns Result#root.

This property will only work with synchronous plugins. If the processor contains any asynchronous plugins it will throw an error.

This is why this method is only for debug purpose, you should always use LazyResult#then.

then: Promise<Result>["then"]

Processes input CSS through synchronous and asynchronous plugins and calls onFulfilled with a Result instance. If a plugin throws an error, the onRejected callback will be executed.

It implements standard Promise API.

postcss([autoprefixer]).process(css, { from: cssPath }).then(result => {
  console.log(result.css)
})
readonly
[Symbol.toStringTag]: string

Returns the default string description of an object. Required to implement the Promise interface.

Methods

async(): Promise<Result>

Run plugin in async way and return Result.

Run plugin in sync way and return Result.

toString(): string

Alias for the LazyResult#css property.

lazy + '' === lazy.css

Processes input CSS through synchronous plugins and calls Result#warnings.