update

package.json

@@ -80,6 +80,7 @@
     "@babel/plugin-proposal-class-properties": "7.14.5",
     "@babel/preset-react": "^7.26.3",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.15",
+    "@tailwindcss/postcss": "^4.0.15",
     "@tarojs/cli": "4.0.8",
     "@tarojs/plugin-mini-ci": "^4.0.8",
     "@tarojs/plugin-react-devtools": "^4.0.9",
@@ -97,13 +98,13 @@
     "eslint-plugin-react": "^7.37.3",
     "eslint-plugin-react-hooks": "^4.6.2",
     "miniprogram-ci": "^2.0.10",
-    "postcss": "^8.4.49",
+    "postcss": "^8.5.3",
     "react-refresh": "^0.11.0",
     "stylelint": "^14.16.1",
-    "tailwindcss": "^3.4.17",
+    "tailwindcss": "^4.0.15",
     "thread-loader": "^4.0.4",
     "ts-node": "^10.9.2",
-    "weapp-tailwindcss": "^3.7.0",
+    "weapp-tailwindcss": "^4.1.0",
     "webpack": "5.94.0"
   }
 }

postcss.config.js

@@ -1,7 +1,6 @@
 // postcss 插件以 object 方式注册的话，是按照由上到下的顺序执行的
 module.exports = {
   plugins: {
-    tailwindcss: {},
+    "@tailwindcss/postcss": {},
-    autoprefixer: {},
+  }
-  },
 }

src/app.jsx

@@ -4,6 +4,7 @@ import { Provider } from 'react-redux'
 import configStore from './store'
 
 import './app.scss'
+import './style/index.css'
 
 const store = configStore()
 

src/app.scss

@@ -1,3 +1 @@
-@use 'tailwindcss/base' as *;
+
-@use 'tailwindcss/components' as *;
-@use 'tailwindcss/utilities' as *;

src/style/index.css

@@ -0,0 +1 @@
+@import "weapp-tailwindcss";