fix: 更正ServerOptions类型使用

Author: Adamlyu-hub

packages/taro-vite-runner/src/h5/config.ts

@@ -12,7 +12,7 @@ import { getHtmlScript } from '../utils/html'
 
 import type { PostcssOption } from '@tarojs/taro/types/compile'
 import type { ViteH5CompilerContext } from '@tarojs/taro/types/compile/viteCompilerContext'
-import type { PluginOption, ServerOptions } from 'vite'
+import type { PluginOption } from 'vite'
 
 
 export default function (viteCompilerContext: ViteH5CompilerContext): PluginOption {
@@ -93,9 +93,9 @@ export default function (viteCompilerContext: ViteH5CompilerContext): PluginOpti
     esnextModules: taroConfig.esnextModules || []
   })
   const [, pxtransformOption] = __postcssOption.find(([name]) => name === 'postcss-pxtransform') || []
-  const serverOption: ServerOptions = (taroConfig.devServer || {}) as ServerOptions
-  let headers: Record<string, string | string[]> = {}
-  if (isObject<Record<string, string | string[]>>(serverOption.headers)) {
+  const serverOption = taroConfig.devServer || {}
+  let headers = {}
+  if (isObject<Record<string, any>>(serverOption.headers)) {
     headers = serverOption.headers
   }
 
@@ -164,6 +164,11 @@ export default function (viteCompilerContext: ViteH5CompilerContext): PluginOpti
     allowedHosts = [serverOption.allowedHosts]
   }
 
+  let sourcemapIgnoreList: false | ((sourcePath: string, sourcemapPath: string) => boolean) = (sourcePath) => sourcePath.includes('node_modules')
+  if (typeof serverOption.sourcemapIgnoreList === 'boolean' || typeof serverOption.sourcemapIgnoreList === 'function') {
+    sourcemapIgnoreList = serverOption.sourcemapIgnoreList
+  }
+
   return {
     name: 'taro:vite-h5-config',
     enforce: 'pre',
@@ -238,7 +243,7 @@ export default function (viteCompilerContext: ViteH5CompilerContext): PluginOpti
         allowedHosts,
         middlewareMode,
         strictPort,
-
+        sourcemapIgnoreList,
         origin,
         cors,
       },

packages/taro/types/compile/config/h5.d.ts

@@ -6,6 +6,7 @@ import type { IOption, IPostcssOption, IUrlLoaderOption } from './util'
 import type { OutputOptions as RollupOutputOptions } from 'rollup'
 import type { Compiler, CompilerTypes, CompilerWebpackTypes } from '../compiler'
 import type { OutputExt } from './project'
+import type { ServerOptions as ViteServerOptions } from 'vite'
 
 export interface IH5RouterConfig {
   /** 配置路由模式 */
@@ -51,7 +52,8 @@ export interface IH5Config <T extends CompilerTypes = CompilerWebpackTypes> {
   router?: IH5RouterConfig
 
   /** 预览服务的配置，可以更改端口等参数。具体配置参考 [webpack-dev-server](https://webpack.js.org/configuration/dev-server) */
-  devServer?: webpackDevServer.Configuration
+  // 修改后：同时支持 Webpack 和 Vite
+  devServer?: T extends 'vite' ? ViteServerOptions : webpackDevServer.Configuration
 
   /** 用于控制是否生成 js、css 对应的 sourceMap (默认值：watch 模式下为 true，否则为 false) */
   enableSourceMap?: boolean