vite-plugin-windicss icon indicating copy to clipboard operation
vite-plugin-windicss copied to clipboard

unable to find windi.config.js file

Open samadadi opened this issue 2 years ago • 2 comments

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'
			}
		}
      }
}

samadadi avatar Apr 08 '22 17:04 samadadi

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

samadadi avatar Apr 08 '22 20:04 samadadi

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.

ssendev avatar Aug 28 '22 16:08 ssendev