webpack.loaders Types

These types are not exported by webpack, but they are available to TypeScript consumers.

These properties are added by the HotModuleReplacementPlugin

Custom values available in the loader context.

• [index: {string}] any

These properties are added by the LoaderPlugin

importModule(request, options, callback): void

importModule(request, options?): Promise<any>

loadModule(request, callback): void

Resolves the given request to a module, applies all configured loaders and calls back with the generated source, the sourceMap and the module instance (usually an instance of NormalModule). Use this function if you need to know the source code of another module to generate the result.

The properties are added by https://github.com/webpack/loader-runner

addContextDependency(context): void

Add a directory as dependency of the loader result.

addDependency(file): void

Adds a file as dependency of the loader result in order to make them watchable. For example, html-loader uses this technique as it finds src and src-set attributes. Then, it sets the url's for those attributes as dependencies of the html file that is parsed.

addMissingDependency(context): void

async(): (err?: Error | null, content?: string | Buffer<ArrayBufferLike>, sourceMap?: string | RawSourceMap | null, additionalData?: AdditionalData) => void

Make this loader async.

cacheable(flag?): void

Make this loader result cacheable. By default it's cacheable. A cacheable loader must have a deterministic result, when inputs and dependencies haven't changed. This means the loader shouldn't have other dependencies than specified with this.addDependency. Most loaders are deterministic and cacheable.

clearDependencies(): void

Remove all dependencies of the loader result. Even initial dependencies and these of other loaders.

dependency(file): void

alias of addDependency Adds a file as dependency of the loader result in order to make them watchable. For example, html-loader uses this technique as it finds src and src-set attributes. Then, it sets the url's for those attributes as dependencies of the html file that is parsed.

getContextDependencies(): string[]

getDependencies(): string[]

getMissingDependencies(): string[]

These properties are added by the NormalModule

addBuildDependency(dep): void

emitError(error): void

Emits an error for this module. The error will be displayed to the user and typically causes the compilation to fail.

emitFile(name, content, sourceMap?, assetInfo?): void

Emits a new file (asset) to the compilation output directory. This allows loaders to generate additional files alongside the main module output.

emitWarning(warning): void

Emits a warning for this module. The warning will be displayed to the user during compilation.

getLogger(name?): WebpackLogger

Gets a logger instance scoped to this loader and module. Useful for emitting debug or compilation information in a structured way.

getOptions(): OptionsType

Extracts and parses the options of the current loader. Parses string options as JSON or a query string.

getOptions(schema): OptionsType

Extracts and parses the options of the current loader. Parses string options as JSON or a query string, and optionally validates them against a provided schema.

getResolve(options?): { (context: string, request: string, callback: (err: ErrorWithDetail | null, res?: string | false, req?: ResolveRequest) => void): void; (context: string, request: string): Promise<string> }

Creates a resolve function with specific options. The returned function can be used as a Promise-based resolver or a callback-based resolver.

resolve(context, request, callback): void

Resolves a module request (e.g., a relative path or module name) to an absolute file path. It uses Webpack's internal resolver, taking into account configured aliases and extensions.