vite-plugin-windicss
vite-plugin-windicss copied to clipboard
unable to find windi.config.js file
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
- vite-plugin-windicss: ^1.8.3
- vite: ^2.9.1
- framework(vue/react/svelte/etc): solidjs
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'
}
}
}
}
without config
or root
options. plugin is unable to find windi.config.js
file.
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.