feat: add weapp-tailwindcss integration for uni-app

Install required dependencies, configure PostCSS and Vite plugin, create global app.css entry file, import styles in main.js, and add postinstall patch script.
This commit is contained in:
duanshuwen
2026-07-24 11:54:55 +08:00
parent 72b7557ecf
commit 8048050d02
5 changed files with 1554 additions and 8 deletions

View File

@@ -2,6 +2,8 @@ import { defineConfig } from "vite";
import path from "path";
import uni from "@dcloudio/vite-plugin-uni";
import md5 from "md5-hash";
import tailwindcss from "@tailwindcss/postcss";
import { UnifiedViteWeappTailwindcssPlugin } from "weapp-tailwindcss/vite";
// https://vitejs.dev/config/
export default defineConfig({
@@ -11,6 +13,9 @@ export default defineConfig({
},
},
css: {
postcss: {
plugins: [tailwindcss()],
},
preprocessorOptions: {
scss: {
api: "modern-compiler",
@@ -18,7 +23,13 @@ export default defineConfig({
},
},
},
plugins: [uni()],
plugins: [
uni(),
UnifiedViteWeappTailwindcssPlugin({
rem2rpx: true,
cssEntries: [path.resolve(__dirname, "./src/app.css")],
}),
],
build: {
commonjsOptions: {
transformMixedEsModules: true,