@varlet/cli 3.7.2-alpha.1733247317826 → 3.7.3

package/README.md

@@ -63,6 +63,7 @@ Also refer to `@varlet/ui` [varlet.config.mjs](https://github.com/varletjs/varle
 | `pc` | PC side document structure configuration | _[VarletConfigPc](https://github.com/varletjs/varlet/blob/dev/packages/varlet-cli/src/node/config/varlet.config.ts)_ | `-` |
 | `mobile` | Mobile document structure configuration | _[VarletConfigMobile](https://github.com/varletjs/varlet/blob/dev/packages/varlet-cli/src/node/config/varlet.config.ts)_ | `-` |
 | `bundle` | Bundle output options | _{ external: string[], globals: Record<string, string> }_ | `-` |
+| `vitePlugins` | vite plugins | _[Plugin](https://vite.dev/guide/using-plugins.html)[]_ \| `(plugins: Plugin[]) => Plugin[])` | `-` |
 | `directives` | Component library directive folder name | _string[]_ | `[]` |
 | `copy` | Copy file configuration | _[CopyPath[]](https://github.com/varletjs/varlet/blob/dev/packages/varlet-vite-plugins/src/copy.ts)_ | `- ` |
 | `icons` | Font icon packaging related configurations | _[VarletConfigIcons](https://github.com/varletjs/varlet/blob/dev/packages/varlet-cli/src/node/config/varlet.config.ts) _ | `-` |
@@ -295,4 +296,4 @@ varlet-cli create
 ``` shell
 pnpm config set sharp_binary_host "https://npmmirror.com/mirrors/sharp"
 pnpm config set sharp_libvips_binary_host "https://npmmirror.com/mirrors/sharp-libvips"
-```
+```

package/README.zh-CN.md

@@ -63,6 +63,7 @@ varlet-cli gen
 | `pc` | pc 端文档结构配置 | _[VarletConfigPc](https://github.com/varletjs/varlet/blob/dev/packages/varlet-cli/src/node/config/varlet.config.ts)_ | `-` |
 | `mobile` | mobile 端文档结构配置 | _[VarletConfigMobile](https://github.com/varletjs/varlet/blob/dev/packages/varlet-cli/src/node/config/varlet.config.ts)_ | `-` |
 | `bundle` | 组件库编译的捆绑产物配置 | _{ external: string[], globals: Record<string, string> }_ | `-` |
+| `vitePlugins` | vite 插件 | _[Plugin](https://vite.dev/guide/using-plugins.html)[]_ \| `(plugins: Plugin[]) => Plugin[])` | `-` |
 | `directives` | 组件库指令文件夹名称 | _string[]_ | `[]` |
 | `copy` | 复制文件配置 | _[CopyPath[]](https://github.com/varletjs/varlet/blob/dev/packages/varlet-vite-plugins/src/copy.ts)_ | `-` |
 | `icons` | 字体图标打包相关配置 | _[VarletConfigIcons](https://github.com/varletjs/varlet/blob/dev/packages/varlet-cli/src/node/config/varlet.config.ts)_ | `-` |
@@ -294,4 +295,4 @@ varlet-cli create
 ``` shell
 pnpm config set sharp_binary_host "https://npmmirror.com/mirrors/sharp"
 pnpm config set sharp_libvips_binary_host "https://npmmirror.com/mirrors/sharp-libvips"
-```
+```

package/lib/node/config/varlet.config.d.ts

@@ -1,6 +1,6 @@
 import { type VIConfig } from '@varlet/icon-builder';
 import { type CopyOptions } from '@varlet/vite-plugins';
-import { ProxyOptions } from 'vite';
+import { Plugin, ProxyOptions } from 'vite';
 export interface VarletConfigIcons extends VIConfig {
     /**
      * @default true
@@ -171,6 +171,12 @@ export interface VarletConfig {
         external?: string[];
         globals?: Record<string, string>;
     };
+    /**
+     *  @vitePlugins
+     * @default `[]`
+     * Vite plugins
+     */
+    vitePlugins?: Plugin[] | ((plugins: Plugin[]) => Plugin[]);
     /**
      * @default `[]`
      * Directive folder name for component library.

package/lib/node/config/vite.config.d.ts

@@ -1,4 +1,4 @@
-import { InlineConfig } from 'vite';
+import { InlineConfig, Plugin } from 'vite';
 import { VarletConfig, type VarletConfigHtmlInject } from './varlet.config.js';
 export declare function getHtmlInject(inject: VarletConfigHtmlInject): {
     head: {
@@ -12,6 +12,7 @@ export declare function getHtmlInject(inject: VarletConfigHtmlInject): {
         scriptStart: (string | undefined)[];
     };
 };
+export declare function getPlugins(varletConfig: Required<VarletConfig>): Plugin[];
 export declare function getDevConfig(varletConfig: Required<VarletConfig>): InlineConfig;
 export declare function getBuildConfig(varletConfig: Required<VarletConfig>): InlineConfig;
 export interface BundleBuildOptions {

package/lib/node/config/vite.config.js

@@ -1,8 +1,9 @@
+import vue from '@vitejs/plugin-vue';
+import jsx from '@vitejs/plugin-vue-jsx';
 import { SRC_DIR, ES_DIR, SITE_CONFIG, SITE_DIR, SITE_MOBILE_ROUTES, SITE_OUTPUT_PATH, SITE_PC_ROUTES, SITE_PUBLIC_PATH, VITE_RESOLVE_EXTENSIONS, EXTENSION_ENTRY, } from '../shared/constant.js';
 import { markdown, html, inlineCss, copy } from '@varlet/vite-plugins';
 import { resolve } from 'path';
-import vue from '@vitejs/plugin-vue';
-import jsx from '@vitejs/plugin-vue-jsx';
+import { isArray } from '@varlet/shared';
 export function getHtmlInject(inject) {
     const getContent = (injectKey, position) => inject[injectKey]?.filter((point) => point.position === position).map((point) => point.content) ?? [];
     return {
@@ -18,6 +19,35 @@ export function getHtmlInject(inject) {
         },
     };
 }
+export function getPlugins(varletConfig) {
+    const { vitePlugins = [] } = varletConfig;
+    const plugins = [
+        vue({
+            include: [/\.vue$/, /\.md$/],
+        }),
+        jsx(),
+        markdown({ style: varletConfig?.highlight?.style }),
+        copy({ paths: varletConfig?.copy || [] }),
+        html({
+            data: {
+                logo: varletConfig?.logo,
+                baidu: varletConfig?.analysis?.baidu,
+                pcTitle: varletConfig?.seo?.title ?? '',
+                pcDescription: varletConfig?.seo?.description ?? '',
+                pcKeywords: varletConfig?.seo?.keywords ?? '',
+                pcHtmlInject: getHtmlInject(varletConfig?.pc?.htmlInject || {}),
+                mobileTitle: varletConfig?.seo?.title ?? '',
+                mobileDescription: varletConfig?.seo?.description ?? '',
+                mobileKeywords: varletConfig?.seo?.keywords ?? '',
+                mobileHtmlInject: getHtmlInject(varletConfig?.mobile?.htmlInject || {}),
+            },
+        }),
+    ];
+    if (isArray(vitePlugins)) {
+        return [...plugins, ...vitePlugins];
+    }
+    return vitePlugins(plugins);
+}
 export function getDevConfig(varletConfig) {
     const { alias = {}, host } = varletConfig;
     const resolveAlias = Object.entries(alias).reduce((resolveAlias, [key, value]) => {
@@ -42,28 +72,7 @@ export function getDevConfig(varletConfig) {
             proxy: varletConfig?.proxy || {},
         },
         publicDir: SITE_PUBLIC_PATH,
-        plugins: [
-            vue({
-                include: [/\.vue$/, /\.md$/],
-            }),
-            jsx(),
-            markdown({ style: varletConfig?.highlight?.style }),
-            copy({ paths: varletConfig?.copy || [] }),
-            html({
-                data: {
-                    logo: varletConfig?.logo,
-                    baidu: varletConfig?.analysis?.baidu,
-                    pcTitle: varletConfig?.seo?.title ?? '',
-                    pcDescription: varletConfig?.seo?.description ?? '',
-                    pcKeywords: varletConfig?.seo?.keywords ?? '',
-                    pcHtmlInject: getHtmlInject(varletConfig?.pc?.htmlInject || {}),
-                    mobileTitle: varletConfig?.seo?.title ?? '',
-                    mobileDescription: varletConfig?.seo?.description ?? '',
-                    mobileKeywords: varletConfig?.seo?.keywords ?? '',
-                    mobileHtmlInject: getHtmlInject(varletConfig?.mobile?.htmlInject || {}),
-                },
-            }),
-        ],
+        plugins: getPlugins(varletConfig),
     };
 }
 export function getBuildConfig(varletConfig) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/cli",
-  "version": "3.7.2-alpha.1733247317826",
+  "version": "3.7.3",
   "type": "module",
   "description": "cli of varlet",
   "bin": {
@@ -61,8 +61,8 @@
     "vite": "5.4.6",
     "vitest": "2.1.1",
     "vue": "3.4.21",
-    "@varlet/shared": "3.7.2-alpha.1733247317826",
-    "@varlet/vite-plugins": "3.7.2-alpha.1733247317826"
+    "@varlet/shared": "3.7.3",
+    "@varlet/vite-plugins": "3.7.3"
   },
   "devDependencies": {
     "@types/babel__core": "^7.20.1",
@@ -74,9 +74,9 @@
     "@types/node": "^18.7.20",
     "@types/sharp": "0.31.1",
     "rimraf": "^5.0.1",
-    "@varlet/touch-emulator": "3.7.2-alpha.1733247317826",
-    "@varlet/icons": "3.7.2-alpha.1733247317826",
-    "@varlet/ui": "3.7.2-alpha.1733247317826"
+    "@varlet/icons": "3.7.3",
+    "@varlet/touch-emulator": "3.7.3",
+    "@varlet/ui": "3.7.3"
   },
   "peerDependencies": {
     "@vitest/coverage-istanbul": "2.0.5",
@@ -87,9 +87,9 @@
     "live-server": "^1.2.1",
     "vue": "3.4.21",
     "vue-router": "4.2.0",
-    "@varlet/touch-emulator": "3.7.2-alpha.1733247317826",
-    "@varlet/ui": "3.7.2-alpha.1733247317826",
-    "@varlet/icons": "3.7.2-alpha.1733247317826"
+    "@varlet/touch-emulator": "3.7.3",
+    "@varlet/ui": "3.7.3",
+    "@varlet/icons": "3.7.3"
   },
   "scripts": {
     "dev": "tsc --watch",