chore: add tailwind case

projects/tailwind-react/emp-config.js

@@ -0,0 +1,8 @@
+const {defineConfig} = require('@efox/emp')
+module.exports = defineConfig(() => {
+  return {
+    webpackChain(wpChain) {
+      wpChain.plugin('tailwind').use(require('tailwind'), [])
+    },
+  }
+})

projects/tailwind-react/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "tailwind-react",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "dev": "emp dev",
+    "build": "emp build --env prod",
+    "start": "emp serve",
+    "stat": "emp build --analyze",
+    "emp": "emp",
+    "lint": "eslint ./src --ext js,ts,tsx"
+  },
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "@efox/emp": "workspace:^*",
+    "@types/react": "18",
+    "@types/react-dom": "18",
+    "@types/react-router-dom": "^5.1.5",
+    "tailwind": "^4.0.0"
+  },
+  "dependencies": {
+    "react": "^18.1.0",
+    "react-dom": "^18.1.0",
+    "react-router-dom": "5"
+  }
+}

projects/tailwind-react/src/App.tsx

@@ -0,0 +1,2 @@
+const App = () => <h1 className="text-3xl font-bold underline">Hello world!</h1>
+export default App

projects/tailwind-react/src/bootstrap.tsx

@@ -0,0 +1,5 @@
+import {render} from 'react-dom'
+import App from './App'
+import './index.css'
+
+render(<App />, document.getElementById('emp-root'))

projects/tailwind-react/src/index.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

projects/tailwind-react/src/index.ts

@@ -0,0 +1 @@
+import('./bootstrap')

projects/tailwind-react/tailwind.config.js

@@ -0,0 +1,8 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: ['./src/**/*.{js,jsx,ts,tsx}'],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+}

projects/tailwind-react/tsconfig.json

@@ -0,0 +1,10 @@
+{
+    "extends": "@efox/emp/emp-tsconfig.json",
+    "compilerOptions": {
+      "types": ["@efox/emp/client"],
+      "baseUrl": ".",
+    },
+    "include": [
+      "src",
+    ]
+  }