fe-stack 0.0.1 → 0.0.3

package/README.md

@@ -95,23 +95,18 @@ export default {
 
 #### Vue 应用模式
 
-在项目中创建 `vite.config.ts`：
-
 ```typescript
-import { defineConfig } from 'vite';
-import { createBaseConfig } from 'fe-stack/vite.config.base.js';
-
-const baseConfig = createBaseConfig(import.meta.dirname, { mode: 'app' });
-
-export default defineConfig({
-  ...baseConfig,
-  // 项目特定配置
-  server: {
-    port: 5173,
-    proxy: {
-      '/api': {
-        target: 'http://your-api-server',
-        changeOrigin: true,
+import { createBaseConfig } from 'fe-stack/vite.config.base';
+
+export default createBaseConfig(import.meta.dirname, {
+  viteConfig: {
+    server: {
+      port: 5173,
+      proxy: {
+        '/api': {
+          target: 'http://your-api-server',
+          changeOrigin: true,
+        }
       }
     }
   }
@@ -120,27 +115,26 @@ export default defineConfig({
 
 #### Lib 打包模式
 
-用于打包纯 TypeScript 库：
-
 ```typescript
-import { defineConfig } from 'vite';
-import { createBaseConfig } from 'fe-stack/vite.config.base.js';
+import { createBaseConfig } from 'fe-stack/vite.config.base';
 
-const baseConfig = createBaseConfig(import.meta.dirname, {
+export default createBaseConfig(import.meta.dirname, {
   mode: 'lib',
-  libOptions: {
-    lib: {
-      name: 'MyLib',  // UMD 全局变量名
+  viteConfig: {
+    build: {
+      lib: {
+        entry: './src/index.ts',
+        name: 'MyLib',
+        fileName: 'index',
+      },
     },
-    dtsExclude: ['src/**/*.test.ts'],  // 排除测试文件
   },
 });
-
-export default defineConfig(baseConfig);
 ```
 
 **特性：**
-- ✅ 自动配置 `vite-plugin-dts` 生成类型文件
-- ✅ 自动合并所有类型到单个 `.d.ts` 文件
+- ✅ 完整的 TypeScript 类型支持
+- ✅ 使用 `mergeConfig` 优雅合并配置
+- ✅ lib 模式自动配置 `vite-plugin-dts`
 - ✅ 默认打包为 ESM 格式
-- ✅ entry 默认为 `src/index.ts`
+- ✅ 所有配置通过 `viteConfig` 统一管理，简单直观

package/package.json

@@ -1,10 +1,13 @@
 {
   "name": "fe-stack",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "description": "共享的配置文件集合，用于 Vite、Tailwind、Biome、Prettier 和 TypeScript",
   "type": "module",
   "exports": {
-    "./vite.config.base.js": "./vite.config.base.js",
+    "./vite.config.base": {
+      "types": "./vite.config.base.ts",
+      "import": "./vite.config.base.ts"
+    },
     "./tsconfig.*.json": "./tsconfig.*.json",
     "./biome.json": "./biome.json",
     "./prettier.json": "./prettier.json",
@@ -16,7 +19,7 @@
     "tailwind.config.js",
     "tsconfig.app.json",
     "tsconfig.node.json",
-    "vite.config.base.js",
+    "vite.config.base.ts",
     "README.md"
   ],
   "keywords": [

package/tsconfig.app.json

@@ -9,6 +9,7 @@
     "erasableSyntaxOnly": true,
     "noFallthroughCasesInSwitch": true,
     "noUncheckedSideEffectImports": true,
+    "verbatimModuleSyntax": false,
     "module": "ESNext",
     "moduleResolution": "Bundler"
   }

package/{vite.config.base.js → vite.config.base.ts}

@@ -4,12 +4,22 @@ import vue from '@vitejs/plugin-vue';
 import AutoImport from 'unplugin-auto-import/vite';
 import Components from 'unplugin-vue-components/vite';
 import VueRouter from 'unplugin-vue-router/vite';
+import type { UserConfig } from 'vite';
+import { defineConfig, mergeConfig } from 'vite';
 import dts from 'vite-plugin-dts';
 
-export function createBaseConfig(dirname, options = {}) {
-  const { mode = 'app', libOptions = {} } = options;
+export interface CreateBaseConfigOptions {
+  mode?: 'app' | 'lib';
+  viteConfig?: UserConfig;
+}
+
+export function createBaseConfig(
+  dirname: string,
+  options: CreateBaseConfigOptions = {},
+) {
+  const { mode = 'app', viteConfig = {} } = options;
 
-  const baseConfig = {
+  const baseConfig: UserConfig = {
     resolve: {
       alias: {
         '@': path.resolve(dirname, './src'),
@@ -30,7 +40,7 @@ export function createBaseConfig(dirname, options = {}) {
 
   // App mode: 包含 Vue 全家桶
   if (mode === 'app') {
-    baseConfig.plugins.push(
+    baseConfig.plugins!.push(
       VueRouter({
         dts: './src/typed-router.d.ts',
       }),
@@ -47,28 +57,26 @@ export function createBaseConfig(dirname, options = {}) {
     );
   }
 
-  // Lib mode: 纯 TypeScript，用于打包库
+  // Lib mode: 提供默认配置
   if (mode === 'lib') {
-    // 添加 lib 构建配置
     baseConfig.build = {
       lib: {
         entry: path.resolve(dirname, 'src/index.ts'),
         formats: ['es'],
         fileName: 'index',
-        ...libOptions.lib,
       },
     };
 
-    // 添加 dts 插件
-    baseConfig.plugins.push(
+    // 默认添加 dts 插件
+    baseConfig.plugins!.push(
       dts({
         include: ['src/**/*.ts'],
-        exclude: libOptions.dtsExclude || [],
+        root: dirname,
         rollupTypes: true,
-        ...libOptions.dts,
       }),
     );
   }
 
-  return baseConfig;
+  // 使用 mergeConfig 合并用户自定义配置
+  return defineConfig(mergeConfig(baseConfig, viteConfig));
 }