feat(examples): taro example support tailwindcss

examples/taro-app/config/index.ts

@@ -1,4 +1,5 @@
 import { defineConfig, type UserConfigExport } from '@tarojs/cli'
+import { UnifiedWebpackPluginV5 } from 'weapp-tailwindcss/webpack';
 import TsconfigPathsPlugin from 'tsconfig-paths-webpack-plugin'
 import devConfig from './dev'
 import prodConfig from './prod'
@@ -69,7 +70,17 @@ export default defineConfig(async (merge, { command, mode }) => {
         }
       },
       webpackChain(chain) {
-        chain.resolve.plugin('tsconfig-paths').use(TsconfigPathsPlugin)
+        chain.resolve.plugin('tsconfig-paths').use(TsconfigPathsPlugin);
+        chain.merge({
+          plugin: {
+            install: {
+              plugin: UnifiedWebpackPluginV5,
+              args: [{
+                appType: 'taro'
+              }]
+            }
+          }
+        })
       }
     },
     h5: {

examples/taro-app/postcss.config.cjs

@@ -1,6 +1,6 @@
-
-const plugins = {
-  '@pandacss/dev/postcss': {},
+let plugins = {
+  tailwindcss: {},
+  '@pandacss/dev/postcss': {}
 }
 // https://taro-docs.jd.com/docs/envs#processenvtaro_env
 if (process.env.TARO_ENV !== 'h5' && process.env.TARO_ENV !== 'rn') {
@@ -9,6 +9,7 @@ if (process.env.TARO_ENV !== 'h5' && process.env.TARO_ENV !== 'rn') {
   plugins['weapp-pandacss/postcss'] = options
 }
 
+plugins['autoprefixer'] = {}
 
 module.exports = {
   plugins

examples/taro-app/src/app.scss

@@ -37,3 +37,7 @@
   }
   /* ... */
 }
+
+@import 'tailwindcss/base';
+@import 'tailwindcss/utilities';
+@import 'tailwindcss/components';

examples/taro-app/src/pages/index/index.tsx

@@ -280,6 +280,10 @@ export default function Index() {
       >
         Hello
       </dViewiv>
+
+      <View className='px-4 py-1 text-center bg-slate-400'>
+        TAILWIND
+      </View>
     </View>
   )
 }

examples/taro-app/tailwind.config.js

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