diff --git a/src/loaders/postcss/import/index.ts b/src/loaders/postcss/import/index.ts index 98bb1091..48ab4230 100644 --- a/src/loaders/postcss/import/index.ts +++ b/src/loaders/postcss/import/index.ts @@ -21,10 +21,15 @@ export type ImportOptions = { * - ex.: `{"foo":"bar"}` */ alias?: { [from: string]: string }; + /** + * Import files ending with these extensions. + * Overrides the global `extensions` option. + * @default [".css", ".pcss", ".postcss", ".sss"] + */ + extensions?: string[]; }; -type ImportPrivateOptions = { extensions?: string[] }; -const plugin: postcss.Plugin = postcss.plugin( +const plugin: postcss.Plugin = postcss.plugin( name, (options = {}) => async (css, res): Promise => { if (!css.source?.input.file) return; diff --git a/src/loaders/postcss/index.ts b/src/loaders/postcss/index.ts index b1be6551..bf441c8c 100644 --- a/src/loaders/postcss/index.ts +++ b/src/loaders/postcss/index.ts @@ -57,7 +57,7 @@ const loader: Loader = { const plugins = [ ...[ - options.import && postcssImport({ ...options.import, extensions: options.extensions }), + options.import && postcssImport({ extensions: options.extensions, ...options.import }), options.url && postcssUrl(options.url), ].filter(booleanFilter), ...(options.postcss.plugins ?? []),