mirror of
https://github.com/tailwindlabs/tailwindcss.git
synced 2025-12-08 21:36:08 +00:00
52012d90d7
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>
29 lines
460 B
TypeScript
29 lines
460 B
TypeScript
import { defineConfig } from 'tsup'
|
|
|
|
export default defineConfig([
|
|
{
|
|
format: ['cjs'],
|
|
minify: true,
|
|
dts: true,
|
|
entry: ['src/index.cts'],
|
|
},
|
|
{
|
|
format: ['esm'],
|
|
minify: true,
|
|
dts: true,
|
|
entry: ['src/index.ts'],
|
|
},
|
|
{
|
|
format: ['esm'],
|
|
minify: true,
|
|
dts: true,
|
|
entry: ['src/esm-cache.loader.mts'],
|
|
},
|
|
{
|
|
format: ['cjs'],
|
|
minify: true,
|
|
dts: true,
|
|
entry: ['src/require-cache.cts'],
|
|
},
|
|
])
|