Function processWithPostCSS

packages/css/src/postcss.ts:67–140

(
  code: string,
  filename: string,
  postcssOption: PostCSSOptions | undefined,
  cwd: string,
  injectImport?: boolean,
  modulesOptions?: PostCSSModulesOptions,
  sourceMap?: boolean,
)

}

export async function processWithPostCSS(
  code: string,
  filename: string,
  postcssOption: PostCSSOptions | undefined,
  cwd: string,
  injectImport?: boolean,
  modulesOptions?: PostCSSModulesOptions,
  sourceMap?: boolean,
): Promise<PostCSSProcessResult> {
  const config = await resolvePostCSSConfig(postcssOption, cwd)

  const plugins: any[] = []

  let modules: Record<string, string> | undefined

  if (modulesOptions?.isModule) {
    const postcssModules: any = await importWithError('postcss-modules')
    const {
      localsConvention: _,
      getJSON: userGetJSON,
      ...rest
    } = modulesOptions.config ?? {}
    plugins.push(
      (postcssModules.default ?? postcssModules)({
        ...rest,
        getJSON(
          cssFileName: string,
          json: Record<string, string>,
          outputFileName: string,
        ) {
          modules = json
          userGetJSON?.(cssFileName, json, outputFileName)
        },
      }),
    )
  }

  if (injectImport) {
    const postcssImport: any = await importWithError('postcss-import')
    plugins.push((postcssImport.default ?? postcssImport)())
  }

  if (config) {
    plugins.push(...config.plugins)
  }

  if (!plugins.length && !config?.options.parser) {
    return { code, deps: [] }
  }

  const postcss = await importWithError<typeof import('postcss')>('postcss')
  const result = await postcss.default(plugins).process(code, {
    ...config?.options,
    from: filename,
    to: filename,
    map: sourceMap
      ? { inline: false, annotation: false, prev: false }
      : undefined,