tailwindcss/packages
Jordan Pittman 52012d90d7
Support loading config files via @config (#14239)
In Tailwind v4 the CSS file is the main entry point to your project and
is generally configured via `@theme`. However, given that all v3
projects were configured via a `tailwind.config.js` file we definitely
need to support those. This PR adds support for loading existing
Tailwind config files by adding an `@config` directive to the CSS —
similar to how v3 supported multiple config files except that this is
now _required_ to use a config file.

You can load a config file like so:

```
@import "tailwindcss";
@config "./path/to/tailwind.config.js";
```

A few notes:
- Both CommonJS and ESM config files are supported (loaded directly via
`import()` in Node)
- This is not yet supported in Intellisense or Prettier — should
hopefully land next week
- TypeScript is **not yet** supported in the config file — this will be
handled in a future PR.

---------

Co-authored-by: Philipp Spiess <hello@philippspiess.com>
Co-authored-by: Adam Wathan <adam.wathan@gmail.com>
Co-authored-by: Robin Malfait <malfait.robin@gmail.com>
2024-09-02 18:03:16 +02:00
..
@tailwindcss-cli Support loading config files via @config (#14239) 2024-09-02 18:03:16 +02:00
@tailwindcss-node Support loading config files via @config (#14239) 2024-09-02 18:03:16 +02:00
@tailwindcss-postcss Support loading config files via @config (#14239) 2024-09-02 18:03:16 +02:00
@tailwindcss-standalone Add standalone CLI (#14270) 2024-09-02 15:23:46 +02:00
@tailwindcss-vite Support loading config files via @config (#14239) 2024-09-02 18:03:16 +02:00
internal-example-plugin Prefix internal modules with internal-* (#14074) 2024-07-29 10:58:07 -04:00
internal-postcss-fix-relative-paths Support loading config files via @config (#14239) 2024-09-02 18:03:16 +02:00
tailwindcss Support loading config files via @config (#14239) 2024-09-02 18:03:16 +02:00
tsconfig.base.json introduce v4 codebase 2024-03-05 14:29:15 +01:00