feat: 集成tailwindcss

package.json

@@ -33,6 +33,7 @@
     "@antv/x6-react-components": "^2.0.0",
     "@antv/x6-react-shape": "^2.0.0",
     "@antv/x6-vue-shape": "^2.0.0",
+    "@tailwindcss/vite": "^4.1.12",
     "@vant/area-data": "^2.0.0",
     "@vueup/vue-quill": "^1.2.0",
     "@wangeditor/editor": "5.1.14",
@@ -64,6 +65,7 @@
     "sm-crypto": "0.3.13",
     "sortablejs": "1.15.0",
     "store": "^2.0.12",
+    "tailwindcss": "^4.1.12",
     "ua-parser-js": "1.0.35",
     "uuid": "^10.0.0",
     "v-viewer": "~1.6.4",
@@ -71,6 +73,7 @@
     "vcolorpicker": "^2.0.12",
     "vue": "3.4.27",
     "vue-codemirror-lite": "^1.0.4",
+    "vue-draggable-resizable": "^3.0.0",
     "vue-i18n": "9.13.1",
     "vue-plugin-hiprint": "^0.0.60",
     "vue-quill-editor": "^3.0.6",

src/assets/styles/tailwindcss.css

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

src/main.js

@@ -4,7 +4,7 @@
  * @Author:    DCCloud
  * @Date:      2022-09-06 20:59:23
  */
-
+import '/@/assets/styles/tailwindcss.css'
 import { createApp } from 'vue';
 import VantUi from 'vant'
 import "vant/lib/index.css";

tailwind.config.js

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

vite.config.js

@@ -8,6 +8,7 @@ import { resolve } from 'path';
 import vue from '@vitejs/plugin-vue';
 import vueJsx from '@vitejs/plugin-vue-jsx';
 import customVariables from '/@/theme/custom-variables.js';
+import tailwindcss from '@tailwindcss/vite'
 
 const pathResolve = (dir) => {
   return resolve(__dirname, '.', dir);
@@ -57,7 +58,7 @@ export default {
     },
     open: true, // 项目启动后，自动打开
   },
-  plugins: [vue(), vueJsx({})],
+  plugins: [vue(), vueJsx({}), tailwindcss()],
   optimizeDeps: {
     include: ['ant-design-vue/es/locale/zh_CN', 'dayjs/locale/zh-cn', 'ant-design-vue/es/locale/en_US'],
     exclude: ['vue-demi'],