@allkit/vite-config 0.0.1

package/dist/esm/core/build.js

@@ -0,0 +1,38 @@
+import process from 'node:process';
+import { resolve } from 'path';
+export const useBuild = () => {
+    const option = {
+        cssTarget: 'chrome61',
+        chunkSizeWarningLimit: 2000,
+        emptyOutDir: true,
+        outDir: 'dist',
+        rollupOptions: {
+            input: {
+                main: resolve(process.cwd(), 'index.html'),
+            },
+            output: {
+                manualChunks: (filePath) => {
+                    if (filePath.includes('node_modules/@vue') ||
+                        filePath.includes('node_modules/vue-router') ||
+                        filePath.includes('node_modules/pinia')) {
+                        // vue全家桶放到一个包
+                        return 'vue-family';
+                    }
+                    if (filePath.includes('node_modules/vant') || filePath.includes('node_modules/@vant')) {
+                        return 'vant';
+                    }
+                    if (filePath.includes('node_modules/element-plus') ||
+                        filePath.includes('node_modules/@element-plus')) {
+                        return 'element-plus';
+                    }
+                    if (filePath.includes('node_modules/chart') ||
+                        filePath.includes('node_modules/vue-chartjs') ||
+                        filePath.includes('node_modules/echarts')) {
+                        return 'chart-js';
+                    }
+                },
+            },
+        },
+    };
+    return option;
+};

package/dist/esm/core/index.d.ts

@@ -0,0 +1,6 @@
+import { type UserConfig, type UserConfigExport } from 'vite';
+export declare const viteConfig: (config?: UserConfig) => UserConfigExport;
+/**
+ * 库模式
+ */
+export declare const viteLibConfig: (config?: UserConfig) => UserConfigExport;

package/dist/esm/core/index.js

@@ -0,0 +1,76 @@
+import path from 'path';
+import process from 'process';
+import { loadEnv, mergeConfig } from 'vite';
+import { viteLog } from '../logger.js';
+import { useBuild } from './build.js';
+import { useLibPlugins } from './lib-plugins.js';
+import { usePlugins } from './plugins.js';
+import { useDevServer } from './server.js';
+export const viteConfig = (config = {}) => {
+    const mode = config.mode || process.env.NODE_ENV;
+    const env = loadEnv(mode || '', config.envDir || './');
+    viteLog.success('**************************************');
+    viteLog.info('--mode =', mode);
+    viteLog.info('--envDir =', config.envDir);
+    viteLog.success('**************************************');
+    const _commonConfig = {
+        base: config.base,
+        resolve: {
+            extensions: ['.mjs', '.js', '.mts', '.ts', '.jsx', '.tsx', '.json'],
+            alias: {
+                '@': path.resolve(process.cwd(), './src'),
+                '~/': `${path.resolve(process.cwd(), './src')}/`,
+            },
+        },
+        optimizeDeps: {
+            include: ['vue', 'vue-router'],
+        },
+        build: useBuild(),
+        plugins: usePlugins(env),
+        server: useDevServer(env),
+    };
+    const _config = mergeConfig(_commonConfig, config);
+    return _config;
+};
+/**
+ * 库模式
+ */
+export const viteLibConfig = (config = {}) => {
+    const mode = config.mode || process.env.NODE_ENV;
+    viteLog.success('**************************************');
+    viteLog.info('--mode =', mode);
+    viteLog.info('--envDir =', config.envDir);
+    viteLog.success('**************************************');
+    const _commonConfig = {
+        base: config.base,
+        resolve: {
+            extensions: ['.mjs', '.js', '.mts', '.ts', '.jsx', '.tsx', '.json'],
+            alias: {
+                '@': path.resolve(process.cwd(), './src'),
+                '~/': `${path.resolve(process.cwd(), './src')}/`,
+            },
+        },
+        optimizeDeps: {
+            include: ['pinia', 'vue', 'vue-router'],
+        },
+        plugins: useLibPlugins(),
+        build: {
+            target: 'es2015',
+            cssTarget: 'chrome61',
+            outDir: 'dist',
+            rollupOptions: {
+                // // 确保外部化处理那些你不想打包进库的依赖
+                external: ['vue', 'vue-router'],
+                output: {
+                    exports: 'named',
+                    // 在 UMD 构建模式下为这些外部化的依赖提供一个全局变量
+                    globals: {
+                        vue: 'Vue',
+                    },
+                },
+            },
+        },
+    };
+    const _config = mergeConfig(_commonConfig, config);
+    return _config;
+};

package/dist/esm/core/lib-plugins.d.ts

@@ -0,0 +1,3 @@
+import { type PluginOption } from 'vite';
+/** 库模式 */
+export declare const useLibPlugins: () => PluginOption[];

package/dist/esm/core/lib-plugins.js

@@ -0,0 +1,16 @@
+import vue from '@vitejs/plugin-vue';
+import vueJsx from '@vitejs/plugin-vue-jsx';
+import dts from 'vite-plugin-dts';
+/** 库模式 */
+export const useLibPlugins = () => {
+    const plugins = [
+        vue(),
+        vueJsx(),
+        dts({
+            exclude: ['node_modules', 'src/**/__test__', 'src/**/__tests__'],
+            outDir: 'dist',
+            insertTypesEntry: true,
+        }),
+    ];
+    return plugins;
+};

package/dist/esm/core/plugins.d.ts

@@ -0,0 +1,3 @@
+import type { PluginOption } from 'vite';
+/** 库模式 */
+export declare const usePlugins: (env: Record<string, string>) => PluginOption[];

package/dist/esm/core/plugins.js

@@ -0,0 +1,47 @@
+import process from 'node:process';
+import vue from '@vitejs/plugin-vue';
+import vueJsx from '@vitejs/plugin-vue-jsx';
+import legacy from '@vitejs/plugin-legacy';
+import { visualizer } from 'rollup-plugin-visualizer';
+import viteCompression from 'vite-plugin-compression';
+import viteLog from '../logger.js';
+/** 库模式 */
+export const usePlugins = (env) => {
+    const isProd = process.env.NODE_ENV === 'production';
+    const plugins = [
+        vue(),
+        vueJsx(),
+        legacy({
+            targets: ['defaults', 'not IE 11', 'Chrome 63', 'iOS >= 12', 'android >= 6'],
+            polyfills: [
+                'es.symbol',
+                'es.array.flat',
+                'web.dom-collections.for-each',
+                'es.promise.finally',
+                'es.string.replace-all',
+            ],
+            modernPolyfills: [
+                'es.promise.finally',
+                'es.global-this',
+                'es.string.match-all',
+                'es.string.replace-all',
+            ],
+        }),
+    ];
+    //包分析的时候，才使用这个包
+    if (env.VITE_PLUGIN_ANALYZER === 'true') {
+        viteLog.warn('打包分析', '-已开启');
+        plugins.push(visualizer({
+            emitFile: false,
+            filename: 'stats.html',
+            open: true,
+        }));
+    }
+    if (isProd && Boolean(env.VITE_PLUGIN_COMPRESSION === 'true')) {
+        viteLog.warn('代码压缩', '-已开启');
+        plugins.push(viteCompression({
+            threshold: 1024,
+        }));
+    }
+    return plugins;
+};

package/dist/esm/core/server.d.ts

@@ -0,0 +1,2 @@
+import type { ServerOptions } from 'vite';
+export declare const useDevServer: (env: Record<string, string>) => ServerOptions;

package/dist/esm/core/server.js

@@ -0,0 +1,28 @@
+import process from 'node:process';
+export const useDevServer = (env) => {
+    const isProd = process.env.NODE_ENV === 'production';
+    if (isProd)
+        return undefined;
+    const option = {
+        host: '0.0.0.0',
+        port: env.VITE_PORT ? Number(env.VITE_PORT) : 3000,
+        proxy: {},
+    };
+    const proxyConf = env.VITE_PROXY ? JSON.parse(env.VITE_PROXY) : {};
+    Object.keys(proxyConf).forEach((key) => {
+        const reg = new RegExp('^\\' + key);
+        const proxy = {
+            target: proxyConf[key].target,
+            changeOrigin: true,
+            ws: true,
+            rewrite: (path) => {
+                const _path = path.replace(reg, proxyConf[key].rewrite);
+                return _path;
+            },
+        };
+        if (option && option.proxy) {
+            option.proxy[key] = proxy;
+        }
+    });
+    return option;
+};

package/dist/esm/index.d.ts

@@ -0,0 +1,3 @@
+export * from './core';
+export * from './logger';
+export * from './plugins';

package/dist/esm/index.js

@@ -0,0 +1,3 @@
+export * from './core/index.js';
+export * from './logger.js';
+export * from './plugins/index.js';

package/dist/esm/logger.d.ts

@@ -0,0 +1,20 @@
+declare const viteLog: {
+    /**
+     * 基本日志
+     */
+    info(...arg: any[]): void;
+    /**
+     * 成功日志
+     */
+    success(...arg: any[]): void;
+    /**
+     * 警告日志
+     */
+    warn(...arg: any[]): void;
+    /**
+     * 错误日志
+     */
+    error(...arg: any[]): void;
+};
+export { viteLog };
+export default viteLog;

package/dist/esm/logger.js

@@ -0,0 +1,33 @@
+import colors from 'picocolors';
+const viteLog = {
+    /**
+     * 基本日志
+     */
+    info(...arg) {
+        const [tag, ...rest] = arg || [];
+        console.log(colors.green('[vite-config]'), colors.blue(tag), ...rest);
+    },
+    /**
+     * 成功日志
+     */
+    success(...arg) {
+        const [tag, ...rest] = arg || [];
+        console.log(colors.green('[vite-config]'), colors.green(tag), ...rest);
+    },
+    /**
+     * 警告日志
+     */
+    warn(...arg) {
+        const [tag, ...rest] = arg || [];
+        console.log(colors.green('[vite-config]'), colors.yellow(tag), ...rest);
+    },
+    /**
+     * 错误日志
+     */
+    error(...arg) {
+        const [tag, ...rest] = arg || [];
+        console.log(colors.green('[vite-config]'), colors.yellow(tag), ...rest);
+    },
+};
+export { viteLog };
+export default viteLog;

package/dist/esm/plugins/chii.d.ts

@@ -0,0 +1,3 @@
+import type { PluginOption } from 'vite';
+export declare function chiiPlugin(): PluginOption;
+export type { PluginOption };

package/dist/esm/plugins/chii.js

@@ -0,0 +1,28 @@
+import { spawn } from 'node:child_process';
+export function chiiPlugin() {
+    const chiiProcess = spawn('npx', ['chii', 'start', '-p', '8080']);
+    chiiProcess.stdout.on('data', (data) => {
+        console.log(`chii stdout: ${data}`);
+    });
+    chiiProcess.stderr.on('data', (data) => {
+        console.error(`chii stderr: ${data}`);
+    });
+    chiiProcess.on('close', (code) => {
+        console.log(`chii process exited with code ${code}`);
+    });
+    return {
+        name: 'vite:kye-chill',
+        enforce: 'post',
+        transformIndexHtml() {
+            return [
+                {
+                    tag: 'script',
+                    attrs: {
+                        src: '//host-machine-ip:8080/target.js',
+                    },
+                    injectTo: 'body',
+                },
+            ];
+        },
+    };
+}

package/dist/esm/plugins/env-runtime/index.d.ts

@@ -0,0 +1,12 @@
+import { type PluginOption } from 'vite';
+import type { ViteEnvRuntimeOptions } from './types';
+/**
+ * 默认vite的环境规则解析
+ */
+export declare const viteRuleResolve: () => "production" | "development";
+/**
+ * env生成环境运行时
+ * @param options - 配置
+ */
+export declare function envRuntimePlugin(options?: ViteEnvRuntimeOptions): PluginOption;
+export type { PluginOption };

package/dist/esm/plugins/env-runtime/index.js

@@ -0,0 +1,85 @@
+import { loadEnv } from 'vite';
+const defaultEnvList = [
+    'import.meta.env.MODE',
+    'import.meta.env.BASE_URL',
+    'import.meta.env.PROD',
+    'import.meta.env.DEV',
+    'import.meta.env.SSR',
+];
+/**
+ * 默认vite的环境规则解析
+ */
+export const viteRuleResolve = () => {
+    if (['feiyanyun.com'].includes(window.location.host)) {
+        return 'production';
+    }
+    return 'development';
+};
+/**
+ * env生成环境运行时
+ * @param options - 配置
+ */
+export function envRuntimePlugin(options) {
+    const virtualModuleId = '\0virtual:env-runtime-plugin';
+    let { excludes = [], ruleResolve = viteRuleResolve } = options || {};
+    excludes = [...defaultEnvList, ...excludes];
+    const envMap = {};
+    let configEnv = {};
+    return {
+        name: 'vite:env-runtime-plugin',
+        enforce: 'pre',
+        config(config, ConfigEnv) {
+            configEnv = ConfigEnv;
+            return config;
+        },
+        buildStart() {
+            const envDev = loadEnv('development', './env');
+            const envProd = loadEnv('production', './env');
+            envMap['development'] = envDev;
+            envMap['production'] = envProd;
+        },
+        resolveId(id) {
+            if (id === virtualModuleId) {
+                return id;
+            }
+        },
+        load(id) {
+            if (id === virtualModuleId) {
+                return `
+        let resolveRule = ${ruleResolve}\nlet runtimeMap = ${JSON.stringify(envMap)};\n
+        let mode = ${configEnv.command === 'serve' ? JSON.stringify(configEnv.mode) : 'resolveRule()'}
+        export default runtimeMap[mode]`;
+            }
+        },
+        transform(code) {
+            let isMatch = false;
+            code = code.replace(/import\.meta\.env\.(\w+)/g, (_, $2) => {
+                if (excludes.includes(`import.meta.env.${$2}`)) {
+                    return `import.meta.env.${$2}`;
+                }
+                isMatch = true;
+                return `viteImportEnvMap['${$2}']`;
+            });
+            if (isMatch) {
+                const newImport = `import viteImportEnvMap from "${virtualModuleId}";`;
+                // 检查是否已有该import
+                if (code.includes(newImport)) {
+                    return code;
+                }
+                // 正则表达式匹配所有import语句
+                const lastImportRegex = /^import\s.+from\s['"].*['"];?$/m;
+                const matches = code.match(lastImportRegex);
+                // 替换或追加新的import语句
+                if (matches && matches.length > 0) {
+                    const lastImport = matches[matches.length - 1];
+                    code = code.replace(lastImport, `${lastImport}\n${newImport}`);
+                }
+                // 如果文件末尾没有其他import语句，则追加到文件顶部
+                if (!code.includes(newImport)) {
+                    code = `${newImport}\n` + code;
+                }
+            }
+            return code;
+        },
+    };
+}

package/dist/esm/plugins/env-runtime/types.d.ts

@@ -0,0 +1,15 @@
+export interface ViteEnvRuntimeOptions {
+    /**
+     * runtime唯一key,用来区分唯一环境
+     */
+    key?: RegExp | ((file: string) => boolean);
+    /**
+     * 需要排除的env变量
+     * @example
+     * ```ts
+     *   excludes:[`import.meta.env.MODE`,`import.meta.env.BASE_URL`,`import.meta.env.PROD`,`import.meta.env.DEV`,`import.meta.env.SSR`]
+     * ```
+     */
+    excludes?: string[];
+    ruleResolve?: () => 'development' | 'production' | 'stg' | 'uat' | string;
+}

package/dist/esm/plugins/env-runtime/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/plugins/env.d.ts

@@ -0,0 +1,3 @@
+import { type PluginOption } from 'vite';
+export declare function envRuntimePlugin(): PluginOption;
+export type { PluginOption };

package/dist/esm/plugins/env.js

@@ -0,0 +1,47 @@
+//@ts-nocheck
+import { log } from 'console';
+import { loadEnv } from 'vite';
+export function envRuntimePlugin() {
+    const virtualModuleId = 'virtual:env-module';
+    const resolvedVirtualModuleId = '\0' + virtualModuleId;
+    const option = {};
+    return {
+        name: 'vite:env-runtime-plugin',
+        enforce: 'pre',
+        buildStart() {
+            console.log('buildStart');
+            const envDev = loadEnv('development', './env');
+            const envProd = loadEnv('production', './env');
+            option[envDev['VITE_LOCATION_HOST']] = envDev;
+            option[envProd['VITE_LOCATION_HOST']] = envProd;
+            log('envPlugin', option);
+        },
+        resolveId(id) {
+            if (id === virtualModuleId) {
+                return resolvedVirtualModuleId;
+            }
+        },
+        load(id) {
+            if (id === resolvedVirtualModuleId) {
+                return `export default ${option}`;
+            }
+        },
+        transform(code, id, options) {
+            if (id.includes('main.ts')) {
+                console.log('transform', code, id, options);
+                code += `window.importEnv = ${JSON.stringify(option)}`;
+                console.log(code);
+            }
+            else {
+                code = code.replace(/import\.meta\.env\.(\w+)/g, ($1, $2, $3) => {
+                    console.log($1, $2, $3);
+                    return `window.importEnv[window.location.host][${$2}]`;
+                });
+                if (id.includes('home/index.vue')) {
+                    console.log(id, code);
+                }
+            }
+            return code;
+        },
+    };
+}

package/dist/esm/plugins/http2-proxy/index.d.ts

@@ -0,0 +1,2 @@
+import { type Plugin } from 'vite';
+export declare const http2ProxyPlugin: () => Plugin;

package/dist/esm/plugins/http2-proxy/index.js

@@ -0,0 +1,49 @@
+import proxy from 'http2-proxy';
+import { createLogger } from 'vite';
+// export const https = {
+//   key: fs.readFileSync(path.resolve(__dirname, './cert/local.key')),
+//   cert: fs.readFileSync(path.resolve(__dirname, './cert/local.pem')),
+//   maxSessionMemory: 1000, // 默认10M
+//   peerMaxConcurrentStreams: 300, // 设置远程对等点的最大并发流数
+// }
+export const http2ProxyPlugin = () => {
+    let routes;
+    return {
+        name: 'vite:http2-proxy-plugin',
+        config: (config) => {
+            const { server } = config;
+            routes = server?.proxy ?? {};
+            if (server) {
+                server.proxy = undefined;
+            }
+            return config;
+        },
+        configureServer: ({ config: { logger }, middlewares }) => {
+            Object.entries(routes).forEach(([route, value]) => {
+                if (!value) {
+                    createLogger().error("proxy don't have target api");
+                }
+                let url = value;
+                if (value instanceof Object && !Array.isArray(value)) {
+                    url = value.target;
+                }
+                const { protocol, hostname, port } = new URL(url);
+                const options = {
+                    protocol: protocol,
+                    hostname,
+                    port: Number(port),
+                };
+                middlewares.use(route, (req, res) => {
+                    proxy.web(req, res, { ...options, path: req.originalUrl }, (err) => {
+                        if (err) {
+                            logger.error(`[http2-proxy] Error when proxying request on '${req.originalUrl}'`, {
+                                timestamp: true,
+                                error: err,
+                            });
+                        }
+                    });
+                });
+            });
+        },
+    };
+};

package/dist/esm/plugins/index.d.ts

@@ -0,0 +1,2 @@
+export * from './http2-proxy/index.js';
+export * from './env-runtime/index.js';

package/dist/esm/plugins/index.js

@@ -0,0 +1,2 @@
+export * from './http2-proxy/index.js';
+export * from './env-runtime/index.js';

package/package.json

@@ -0,0 +1,48 @@
+{
+  "name": "@allkit/vite-config",
+  "version": "0.0.1",
+  "description": "this is a vite config",
+  "type": "module",
+  "main": "./dist/cjs/index.js",
+  "module": "./dist/esm/index.js",
+  "types": "./dist/esm/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist",
+    "package.json",
+    "tsconfig.*.json"
+  ],
+  "scripts": {
+    "build:esm": "tsc -p ./tsconfig.esm.json",
+    "build": "tsc -p ./tsconfig.esm.json && node ./scripts/build.mjs"
+  },
+  "keywords": [],
+  "author": "SPig",
+  "license": "MIT",
+  "peerDependencies": {
+    "vite": "^7.3.1"
+  },
+  "dependencies": {
+    "@rollup/plugin-babel": "^6.0.4",
+    "@types/node": "22",
+    "@vitejs/plugin-legacy": "^7.2.1",
+    "@vitejs/plugin-vue": "^6.0.3",
+    "@vitejs/plugin-vue-jsx": "^5.1.3",
+    "fs-extra": "^11.3.0",
+    "http2-proxy": "^5.0.53",
+    "picocolors": "^1.1.1",
+    "rollup-plugin-visualizer": "^6.0.5",
+    "terser": "^5.22.0",
+    "vite-plugin-compression": "^0.5.1",
+    "vite-plugin-dts": "^4.5.4",
+    "vite-plugin-style-import": "^2.0.0"
+  }
+}

package/tsconfig.cjs.json

@@ -0,0 +1,24 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "module": "ESNext",
+    "lib": ["ES2020", "DOM"],
+    "baseUrl": ".",
+    "sourceMap": false,
+    "moduleResolution": "bundler",
+    "allowJs": true,
+    "checkJs": false,
+    "strict": false,
+    "noImplicitAny": false,
+    "resolveJsonModule": true,
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+    "outDir": "dist/esm",
+    "declaration": true,
+    "declarationDir": "./dist/esm",
+    "skipLibCheck": true,
+    "types": ["node"]
+  },
+  "include": ["src", "src/**/*.ts", "src/**/*.d.ts"],
+  "exclude": ["node_modules", "dist"]
+}

package/tsconfig.esm.json

@@ -0,0 +1,24 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "module": "ESNext",
+    "lib": ["ES2020", "DOM"],
+    "baseUrl": ".",
+    "sourceMap": false,
+    "moduleResolution": "bundler",
+    "allowJs": true,
+    "checkJs": false,
+    "strict": false,
+    "noImplicitAny": false,
+    "resolveJsonModule": true,
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+    "outDir": "dist/esm",
+    "declaration": true,
+    "declarationDir": "./dist/esm",
+    "skipLibCheck": true,
+    "types": ["node"]
+  },
+  "include": ["src", "src/**/*.ts", "src/**/*.d.ts"],
+  "exclude": ["node_modules", "dist"]
+}