Maxed out config

[Wulfheart]

I'd like to test the speed of some build tools. Is there any maxed out config file?

[adamwathan]

This should be pretty ridiculous:

const colors = require('../colors')

module.exports = {
  darkMode: 'media',
  theme: {
    colors: {
      transparent: 'transparent',
      current: 'currentColor',
      ...colors,
    }
  },
  variants: [
    'responsive',
    'dark',
    'first',
    'last',
    'odd',
    'even',
    'visited',
    'checked',
    'group-hover',
    'group-focus',
    'focus-within',
    'hover',
    'focus',
    'focus-visible',
    'active',
    'disabled'
  ]
}

Hope you have a lot of hard drive space 😅

[adamwathan]

I think you'll find the bigger you make the Tailwind config, the less the build tool influences the build time though. Tailwind itself is going to be doing the same work no matter what build tool you use, and with a config this big, it will be the source of 99% of the build time.

You might be better off just using the default config, guess it depends on what you're trying to measure. Webpack for example is very slow when including any large CSS file (even a 3mb CSS file that is totally static with no PostCSS processing at all).