Can't get it to work with Vite as dev server #1
Description
Hey!
I stumbled upon this plugin after trying to get https://github.com/benface/tailwindcss-children to work with Tailwind v3.
The issue
I'm using Vite as my build tool and the moment I try to add tailwind-children as a plugin my project just keeps on loading and times out after a bit.
My tailwind.config.js contains the following:
const forms = require('@tailwindcss/forms');
const defaultTheme = require('tailwindcss/defaultTheme');
const children = require('tailwind-children');
module.exports = {
content: [
'./src/**/*.{vue,js}',
'./index.html',
],
theme: {
...
},
plugins: [
forms,
children,
],
};
When I remove the plugin and restart my Vite dev server everything works as expected again.
Package versions
The installed versions of the plugin, Vite and Tailwind are as follows within the package.json:
"tailwind-children": "^0.2.2",
"autoprefixer": "^10.4.2",
"postcss": "^8.4.5",
"tailwindcss": "^3.0.18",
"vite": "^2.7.2",
Possible solution
Might be a wild guess, but maybe Vite can't process .mjs or .cjs files? I saw these being used in the src directory.
Thanks in advance and if you need more information, please ask and i'll try to provide it 😄