I've been struggling to apply styling from tailwindcss to my MUI button. My setup includes babel and webpack, with the npm run dev script as "webpack --mode development --watch".
tailwind.css
module.exports = {
content: ["./src/**/*.{js, jsx, ts, tsx}", "./templates/**/*.{html}"],
important: '#root',
theme: {
extend: {},
},
plugins: [],
}
App.css
@tailwind components;
@tailwind utilities;
App.js
import "./App.css"
import { StyledEngineProvider } from '@mui/material/styles'
import CssBaseline from '@mui/material/CssBaseline'
// ...
<StyledEngineProvider injectFirst>
<CssBaseline />
<Button>Click me</Button>
</StyledEngineProvider>