feat(package): 新增一些案例；但是 tailwindcss 仅在子项目生效

vite.config.ts

@@ -0,0 +1,34 @@
+import { defineConfig } from 'vite';
+import vue from '@vitejs/plugin-vue';
+import vueJsx from '@vitejs/plugin-vue-jsx';
+
+import tailwindcss from '@tailwindcss/vite';
+
+import AutoImport from 'unplugin-auto-import/vite';
+import Components from 'unplugin-vue-components/vite';
+import { NaiveUiResolver } from 'unplugin-vue-components/resolvers';
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  // base: 影响打包静态资源的路径
+  base: './',
+  plugins: [
+    vue(),
+    vueJsx(),
+    tailwindcss(),
+    AutoImport({
+      imports: ['vue', 'vue-router', 'pinia', { 'naive-ui': ['useDialog', 'useMessage', 'useNotification', 'useLoadingBar'] }],
+    }),
+    Components({
+      resolvers: [NaiveUiResolver()],
+    }),
+  ],
+  css: {
+    preprocessorOptions: {
+      scss: { api: 'modern-compiler' },
+    },
+  },
+  server: {
+    host: true,
+  },
+});