mirror of
https://github.com/hanzoai/next.js.git
synced 2026-09-24 17:00:51 +00:00
Tim NeutkensandGitHub
bf6784f78b
### What? Adds support for TypeScript PostCSS configuration files in Turbopack. ### Why? Users can write their PostCSS configuration in TypeScript for better type safety and IDE support. This was already supported in webpack but was missing in Turbopack. ### How? Added the following TypeScript config file names to Turbopack's PostCSS config detection: - `postcss.config.ts`, `postcss.config.mts`, `postcss.config.cts` - `.postcssrc.ts`, `.postcssrc.mts`, `.postcssrc.cts` - `.config/postcssrc.ts`, `.config/postcssrc.mts`, `.config/postcssrc.cts` Also updated the Turbopack documentation to reflect the supported config file extensions (`.js`, `.mjs`, `.cjs`, `.ts`, `.mts`, `.cts`). ### Testing Added e2e tests that verify the TypeScript PostCSS config is actually loaded and applied by using a custom plugin that transforms colors. Tests cover: - `postcss.config.ts` - `postcss.config.mts` - `postcss.config.cts` - `.postcssrc.ts`
15 lines
282 B
TypeScript
15 lines
282 B
TypeScript
// TypeScript PostCSS config file (.mts)
|
|
import plugin from './plugin.mjs'
|
|
|
|
type PluginConfig = Record<string, unknown> | boolean | (() => unknown)
|
|
|
|
interface PostCSSConfig {
|
|
plugins: PluginConfig[]
|
|
}
|
|
|
|
const config: PostCSSConfig = {
|
|
plugins: [plugin],
|
|
}
|
|
|
|
export default config
|