windicss / vite-plugin-windicss

🍃 Windi CSS for Vite ⚡️
MIT License
853 stars 65 forks source link

unable to find windi.config.js file #291

Open samadadi opened 2 years ago

samadadi commented 2 years ago

Describe the bug unable to find windi.config.js file unless i specifically set config option to absolute path of windi.config.js file. windi.config.js file is in same location as vite.config.js file. It is working but It just does not effect my configuration from windi.config.js file.

Versions

Additonal Context vite-plugin-windicss configuration:

{
    scan: {
        dirs: ['.', 'src'],
        fileExtensions: ['html', 'js', 'jsx', 'ts', 'tsx']
    },
    config: path.resolve(__dirname, 'windi.config.js')
}

windi.config.js (Note: It's more than this simple configuration):


/**
 * 
 */
export default {
    theme: {
        extend: {

        }
    },
    shortcuts: {
        'bg-primary': {
            '@apply': 'bg-gray-50 dark:bg-gray-700',
            '&-active:active': {
                '@apply': 'bg-blue-300 dark:bg-cyan-700'
            },
            '&-hover:hover': {
                '@apply': 'bg-blue-100 dark:bg-cyan-800'
            },
            '&-muted': {
                '@apply': 'bg-gray-200 dark:bg-gray-600'
            }
        }
      }
}
samadadi commented 2 years ago

without config or root options. plugin is unable to find windi.config.js file.

ssendev commented 2 years ago

I just spent way too much time until i realized windi.config.js is ignored.

In my case it was caused by having set root to web in vite.config.ts which then apparently causes windi to search its config in there. Setting WindiCSS({ config: "../windi.config.ts" }) was able to resolve it for me without absolute paths.

But i think windi should not search the config in root since no other config files moves when specifying it, or at least also try the default location if it's not found.