@dlzn-ui/vite-config 1.60.0 → 1.63.0

package/autoImportStores.ts

@@ -1,5 +1,5 @@
 import { basename } from 'node:path'
-import { upperFirst } from '@dlzn-ui/build-utils'
+import { upperFirst } from '@dlzn-ui/node-utils'
 import { globSync } from 'tinyglobby'
 
 export default (root: string) => {

package/commonConfig.ts

@@ -0,0 +1,36 @@
+import type { UserConfig } from 'vite'
+import tailwindcss from '@tailwindcss/vite'
+import vue from '@vitejs/plugin-vue'
+import vueJsx from '@vitejs/plugin-vue-jsx'
+import browserslist from 'browserslist'
+import { browserslistToTargets } from 'lightningcss'
+import tailwindAutoReference from 'vite-plugin-vue-tailwind-auto-reference'
+
+interface Options {
+  tailwindAutoReferenceEntry: string
+}
+
+export default (options: Options): UserConfig => {
+  const { tailwindAutoReferenceEntry } = options
+
+  return {
+    clearScreen: false, // 设为 false 可以避免 Vite 清屏而错过在终端中打印某些关键信息
+    css: {
+      lightningcss: {
+        // https://cn.vitejs.dev/config/shared-options#css-lightningcss
+        targets: browserslistToTargets(browserslist('>= 0.25%')),
+      },
+      transformer: 'lightningcss', // 开发/构建时怎么转译 CSS
+    },
+    plugins: [
+      tailwindAutoReference(tailwindAutoReferenceEntry), // It must be registered before tailwindcss() official plugin!
+      tailwindcss(),
+      vue({
+        // features: {
+        //   optionsAPI: false, // 不能删掉，tdesign 内部使用到了
+        // },
+      }),
+      vueJsx(),
+    ],
+  }
+}

package/index.ts

@@ -1,7 +1,6 @@
 import type * as http from 'node:http'
 import type { ConfigEnv, ProxyOptions, UserConfig } from 'vite'
 import { posix, resolve } from 'node:path'
-import baseConfigFn from '@dlzn-ui/vite-config-base'
 import AutoImport from 'unplugin-auto-import/vite'
 import ElementPlus from 'unplugin-element-plus/vite'
 import Components from 'unplugin-vue-components/vite'
@@ -11,6 +10,7 @@ import { createHtmlPlugin } from 'vite-plugin-html'
 import VueRouter from 'vue-router/vite'
 import aliasElementPlus from './aliasElementPlus.ts'
 import autoImportStoreList from './autoImportStores.ts'
+import baseConfigFn from './commonConfig.ts'
 import tDesignAutoImportResolve from './tDesignResolve.ts'
 import vitePlugins from './vitePlugins.ts'
 
@@ -24,10 +24,6 @@ interface Options {
 }
 type UnwrapArrayable<T> = T extends Arrayable<infer U> ? U : never
 
-export function needPort(target: string): boolean {
-  return target.startsWith('http://192.')
-}
-
 function bypass(
   req: http.IncomingMessage,
   res: http.ServerResponse | undefined,
@@ -46,6 +42,10 @@ function bypass(
   }
 }
 
+function needPort(target: string): boolean {
+  return target.startsWith('http://192.')
+}
+
 export default (_env: ConfigEnv, options: Options): UserConfig => {
   const { command, mode } = _env
   const resolvePath = (p: string) => resolve(options.root, p)

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dlzn-ui/vite-config",
   "type": "module",
-  "version": "1.60.0",
+  "version": "1.63.0",
   "license": "MIT",
   "publishConfig": {
     "access": "public"
@@ -12,11 +12,16 @@
     }
   },
   "peerDependencies": {
+    "tailwindcss": "^4.3.3",
     "vite": "^8.2.0"
   },
   "dependencies": {
     "@plugin-web-update-notification/vite": "^2.1.3",
+    "@tailwindcss/vite": "^4.3.3",
     "@tdesign-vue-next/auto-import-resolver": "^0.1.7",
+    "@vitejs/plugin-vue": "^6.0.8",
+    "@vitejs/plugin-vue-jsx": "^5.1.6",
+    "browserslist": "^4.28.8",
     "rollup-plugin-visualizer": "^7.1.1",
     "tinyglobby": "^0.2.17",
     "unplugin-auto-import": "^21.1.0",
@@ -26,10 +31,8 @@
     "vite-plugin-env-parse": "^1.0.15",
     "vite-plugin-html": "^3.2.2",
     "vite-plugin-imagemin": "^0.6.1",
-    "vue-router": "^5.2.0"
-  },
-  "devDependencies": {
-    "@dlzn-ui/build-utils": "0.0.1",
-    "@dlzn-ui/vite-config-base": "0.0.1"
+    "vite-plugin-vue-tailwind-auto-reference": "^2.0.2",
+    "vue-router": "^5.2.0",
+    "@dlzn-ui/node-utils": "1.63.0"
   }
 }