refactor: 移除未使用的 playground 模块，精简项目结构

- 删除 playground 目录及其所有相关文件
- 移除 package.json 中的 build:play 和 dev:play 脚本
- 更新 pnpm-workspace.yaml，移除 playground 工作区引用
- 更新 Dockerfile，将构建产物路径改为对应的 web 应用 dist
- 更新 vben-admin.code-workspace，移除 playground 工作区配置
- 修复 tailwind/postcss 构建错误并支持 top-level await

Author: Ducr

apps/web-naive/package.json

@@ -45,5 +45,8 @@
     "pinia": "catalog:",
     "vue": "catalog:",
     "vue-router": "catalog:"
+  },
+  "devDependencies": {
+    "cssnano": "catalog:"
   }
 }

apps/web-naive/postcss.config.mjs

@@ -1 +1,14 @@
-export { default } from '@vben/tailwind-config/postcss';
+import config from '@vben/tailwind-config';
+import cssnano from 'cssnano';
+
+export default {
+  plugins: {
+    ...(process.env.NODE_ENV === 'production' ? { cssnano } : {}),
+    autoprefixer: {},
+    'postcss-antd-fixes': { prefixes: ['ant', 'el'] },
+    'postcss-import': {},
+    'postcss-preset-env': {},
+    tailwindcss: { config },
+    'tailwindcss/nesting': {},
+  },
+};

apps/web-naive/vite.config.mts

@@ -1,9 +1,37 @@
 import { defineConfig } from '@vben/vite-config';
+import path from 'node:path';
 
 export default defineConfig(async () => {
   return {
     application: {},
     vite: {
+      resolve: {
+        alias: {
+          '@vben/tailwind-config': path.resolve(__dirname, '../../internal/tailwind-config/src/index.ts'),
+        },
+      },
+      optimizeDeps: {
+        exclude: ['jiti'],
+      },
+      ssr: {
+        noExternal: [],
+        external: ['jiti'],
+      },
+      build: {
+        target: 'es2022',
+        commonjsOptions: {
+          transformMixedEsModules: true,
+        },
+        rollupOptions: {
+          external: (id) => {
+            // Exclude jiti and related Node.js modules from build
+            if (id.includes('jiti') || id.startsWith('node:')) {
+              return true;
+            }
+            return false;
+          },
+        },
+      },
       server: {
         proxy: {
           '/api': {

internal/tailwind-config/src/postcss.config.ts

@@ -1,8 +1,9 @@
 import config from '.';
+import cssnano from 'cssnano';
 
 export default {
   plugins: {
-    ...(process.env.NODE_ENV === 'production' ? { cssnano: {} } : {}),
+    ...(process.env.NODE_ENV === 'production' ? { cssnano } : {}),
     // Specifying the config is not necessary in most cases, but it is included
     autoprefixer: {},
     // 修复 element-plus 和 ant-design-vue 的样式和tailwindcss冲突问题

package.json

@@ -30,7 +30,6 @@
     "build:docker": "./scripts/deploy/build-local-docker-image.sh",
     "build:docs": "pnpm run build --filter=@vben/docs",
     "build:naive": "pnpm run build --filter=@vben/web-naive",
-    "build:play": "pnpm run build --filter=@vben/playground",
     "changeset": "pnpm exec changeset",
     "check": "pnpm run check:circular && pnpm run check:dep && pnpm run check:type && pnpm check:cspell",
     "check:circular": "vsh check-circular",
@@ -42,7 +41,6 @@
     "dev": "turbo-run dev",
     "dev:docs": "pnpm -F @vben/docs run dev",
     "dev:naive": "pnpm -F @vben/web-naive run dev",
-    "dev:play": "pnpm -F @vben/playground run dev",
     "format": "vsh lint --format",
     "lint": "vsh lint",
     "postinstall": "pnpm -r run stub --if-present",