npx degit dcloudio/uni-preset-vue#vite my-vue3-projectnpm i -verbosenpm install -D tailwindcss @tailwindcss/postcss weapp-tailwindcsspackage.json
"scripts": {
"postinstall": "weapp-tw patch"
}vite.config.ts
import { defineConfig } from "vite";
import uni from "@dcloudio/vite-plugin-uni";
import { UnifiedViteWeappTailwindcssPlugin } from 'weapp-tailwindcss/vite'
import tailwindcss from '@tailwindcss/postcss'
export default defineConfig({
plugins: [
uni(),
UnifiedViteWeappTailwindcssPlugin(
{
rem2rpx: true,
}
)
],
css: {
postcss: {
plugins: [
tailwindcss()
]
}
}
});main.css
@import "weapp-tailwindcss/css";
@source not "dist";App.vue
<style src="./main.css"></style>.npmrc
@minisheep:registry=https://npm.minisheep.cnnpm i @minisheep/mini-program-polyfill-core @minisheep/three-platform-adaptervite.config.js
import threePlatformAdapter from '@minisheep/three-platform-adapter/plugin';
export default {
plugins: [
// ...
threePlatformAdapter() // 可选配置项见文档说明
// ...
]
}