在react项目中使用material ui和Tailwind css

npx create-react-app my-app
cd my-app

npm install @mui/material @emotion/react @emotion/styled
npm install @mui/icons-material

npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p

module.exports = {
  content: [
    "./src/**/*.{js,jsx,ts,tsx}",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}

@tailwind base;
@tailwind components;
@tailwind utilities;

import './index.css';

import React from 'react';
import Button from '@mui/material/Button';

function App() {
  return (
    <div className="App p-5">
      <h1 className="text-2xl font-bold mb-2">Welcome to React</h1>
      <Button variant="contained" color="primary">
        Material-UI Button
      </Button>
      <button className="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">
        Tailwind Button
      </button>
    </div>
  );
}

export default App;