typing.ts 7.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351
  1. import type { PluginVisualizerOptions } from 'rollup-plugin-visualizer';
  2. import type {
  3. ConfigEnv,
  4. PluginOption,
  5. UserConfig,
  6. UserConfigFnPromise,
  7. } from 'vite';
  8. import type { PluginOptions } from 'vite-plugin-dts';
  9. import type { Options as PwaPluginOptions } from 'vite-plugin-pwa';
  10. /**
  11. * ImportMap 配置接口
  12. * @description 用于配置模块导入映射,支持自定义导入路径和范围
  13. * @example
  14. * ```typescript
  15. * {
  16. * imports: {
  17. * 'vue': 'https://unpkg.com/vue@3.2.47/dist/vue.esm-browser.js'
  18. * },
  19. * scopes: {
  20. * 'https://site.com/': {
  21. * 'vue': 'https://unpkg.com/vue@3.2.47/dist/vue.esm-browser.js'
  22. * }
  23. * }
  24. * }
  25. * ```
  26. */
  27. interface IImportMap {
  28. /** 模块导入映射 */
  29. imports?: Record<string, string>;
  30. /** 作用域特定的导入映射 */
  31. scopes?: {
  32. [scope: string]: Record<string, string>;
  33. };
  34. }
  35. /**
  36. * 打印插件配置选项
  37. * @description 用于配置控制台打印信息
  38. */
  39. interface PrintPluginOptions {
  40. /**
  41. * 打印的数据映射
  42. * @description 键值对形式的数据,将在控制台打印
  43. * @example
  44. * ```typescript
  45. * {
  46. * 'App Version': '1.0.0',
  47. * 'Build Time': '2024-01-01'
  48. * }
  49. * ```
  50. */
  51. infoMap?: Record<string, string | undefined>;
  52. }
  53. /**
  54. * Nitro Mock 插件配置选项
  55. * @description 用于配置 Nitro Mock 服务器的行为
  56. */
  57. interface NitroMockPluginOptions {
  58. /**
  59. * Mock 服务器包名
  60. * @default '@vbenjs/nitro-mock'
  61. */
  62. mockServerPackage?: string;
  63. /**
  64. * Mock 服务端口
  65. * @default 3000
  66. */
  67. port?: number;
  68. /**
  69. * 是否打印 Mock 日志
  70. * @default false
  71. */
  72. verbose?: boolean;
  73. }
  74. /**
  75. * 归档插件配置选项
  76. * @description 用于配置构建产物的压缩归档
  77. */
  78. interface ArchiverPluginOptions {
  79. /**
  80. * 输出文件名
  81. * @default 'dist'
  82. */
  83. name?: string;
  84. /**
  85. * 输出目录
  86. * @default '.'
  87. */
  88. outputDir?: string;
  89. }
  90. /**
  91. * ImportMap 插件配置
  92. * @description 用于配置模块的 CDN 导入
  93. */
  94. interface ImportmapPluginOptions {
  95. /**
  96. * CDN 供应商
  97. * @default 'jspm.io'
  98. * @description 支持 esm.sh 和 jspm.io 两种 CDN 供应商
  99. */
  100. defaultProvider?: 'esm.sh' | 'jspm.io';
  101. /**
  102. * ImportMap 配置数组
  103. * @description 配置需要从 CDN 导入的包
  104. * @example
  105. * ```typescript
  106. * [
  107. * { name: 'vue' },
  108. * { name: 'pinia', range: '^2.0.0' }
  109. * ]
  110. * ```
  111. */
  112. importmap?: Array<{ name: string; range?: string }>;
  113. /**
  114. * 手动配置 ImportMap
  115. * @description 自定义 ImportMap 配置
  116. */
  117. inputMap?: IImportMap;
  118. }
  119. /**
  120. * 条件插件配置
  121. * @description 用于根据条件动态加载插件
  122. */
  123. interface ConditionPlugin {
  124. /**
  125. * 判断条件
  126. * @description 当条件为 true 时加载插件
  127. */
  128. condition?: boolean;
  129. /**
  130. * 插件对象
  131. * @description 返回插件数组或 Promise
  132. */
  133. plugins: () => PluginOption[] | PromiseLike<PluginOption[]>;
  134. }
  135. /**
  136. * 通用插件配置选项
  137. * @description 所有插件共用的基础配置
  138. */
  139. interface CommonPluginOptions {
  140. /**
  141. * 是否开启开发工具
  142. * @default false
  143. */
  144. devtools?: boolean;
  145. /**
  146. * 环境变量
  147. * @description 自定义环境变量
  148. */
  149. env?: Record<string, any>;
  150. /**
  151. * 是否注入元数据
  152. * @default true
  153. */
  154. injectMetadata?: boolean;
  155. /**
  156. * 是否为构建模式
  157. * @default false
  158. */
  159. isBuild?: boolean;
  160. /**
  161. * 构建模式
  162. * @default 'development'
  163. */
  164. mode?: string;
  165. /**
  166. * 是否开启依赖分析
  167. * @default false
  168. * @description 使用 rollup-plugin-visualizer 分析依赖
  169. */
  170. visualizer?: boolean | PluginVisualizerOptions;
  171. }
  172. /**
  173. * 应用插件配置选项
  174. * @description 用于配置应用构建时的插件选项
  175. */
  176. interface ApplicationPluginOptions extends CommonPluginOptions {
  177. /**
  178. * 是否开启压缩归档
  179. * @default false
  180. * @description 开启后会在打包目录生成 zip 文件
  181. */
  182. archiver?: boolean;
  183. /**
  184. * 压缩归档插件配置
  185. * @description 配置压缩归档的行为
  186. */
  187. archiverPluginOptions?: ArchiverPluginOptions;
  188. /**
  189. * 是否开启压缩
  190. * @default false
  191. * @description 支持 gzip 和 brotli 压缩
  192. */
  193. compress?: boolean;
  194. /**
  195. * 压缩类型
  196. * @default ['gzip']
  197. * @description 可选的压缩类型
  198. */
  199. compressTypes?: ('brotli' | 'gzip')[];
  200. /**
  201. * 是否抽离配置文件
  202. * @default false
  203. * @description 在构建时抽离配置文件
  204. */
  205. extraAppConfig?: boolean;
  206. /**
  207. * 是否开启 HTML 插件
  208. * @default true
  209. */
  210. html?: boolean;
  211. /**
  212. * 是否开启国际化
  213. * @default false
  214. */
  215. i18n?: boolean;
  216. /**
  217. * 是否开启 ImportMap CDN
  218. * @default false
  219. */
  220. importmap?: boolean;
  221. /**
  222. * ImportMap 插件配置
  223. */
  224. importmapOptions?: ImportmapPluginOptions;
  225. /**
  226. * 是否注入应用加载动画
  227. * @default true
  228. */
  229. injectAppLoading?: boolean;
  230. /**
  231. * 是否注入全局 SCSS
  232. * @default true
  233. */
  234. injectGlobalScss?: boolean;
  235. /**
  236. * 是否注入版权信息
  237. * @default true
  238. */
  239. license?: boolean;
  240. /**
  241. * 是否开启 Nitro Mock
  242. * @default false
  243. */
  244. nitroMock?: boolean;
  245. /**
  246. * Nitro Mock 插件配置
  247. */
  248. nitroMockOptions?: NitroMockPluginOptions;
  249. /**
  250. * 是否开启控制台打印
  251. * @default false
  252. */
  253. print?: boolean;
  254. /**
  255. * 打印插件配置
  256. */
  257. printInfoMap?: PrintPluginOptions['infoMap'];
  258. /**
  259. * 是否开启 PWA
  260. * @default false
  261. */
  262. pwa?: boolean;
  263. /**
  264. * PWA 插件配置
  265. */
  266. pwaOptions?: Partial<PwaPluginOptions>;
  267. /**
  268. * 是否开启 VXE Table 懒加载
  269. * @default false
  270. */
  271. vxeTableLazyImport?: boolean;
  272. }
  273. /**
  274. * 库插件配置选项
  275. * @description 用于配置库构建时的插件选项
  276. */
  277. interface LibraryPluginOptions extends CommonPluginOptions {
  278. /**
  279. * 是否开启 DTS 输出
  280. * @default true
  281. * @description 生成 TypeScript 类型声明文件
  282. */
  283. dts?: boolean | PluginOptions;
  284. }
  285. /**
  286. * 应用配置选项类型
  287. */
  288. type ApplicationOptions = ApplicationPluginOptions;
  289. /**
  290. * 库配置选项类型
  291. */
  292. type LibraryOptions = LibraryPluginOptions;
  293. /**
  294. * 应用配置定义函数类型
  295. * @description 用于定义应用构建配置
  296. */
  297. type DefineApplicationOptions = (config?: ConfigEnv) => Promise<{
  298. /** 应用插件配置 */
  299. application?: ApplicationOptions;
  300. /** Vite 配置 */
  301. vite?: UserConfig;
  302. }>;
  303. /**
  304. * 库配置定义函数类型
  305. * @description 用于定义库构建配置
  306. */
  307. type DefineLibraryOptions = (config?: ConfigEnv) => Promise<{
  308. /** 库插件配置 */
  309. library?: LibraryOptions;
  310. /** Vite 配置 */
  311. vite?: UserConfig;
  312. }>;
  313. /**
  314. * 配置定义类型
  315. * @description 应用或库的配置定义
  316. */
  317. type DefineConfig = DefineApplicationOptions | DefineLibraryOptions;
  318. type VbenViteConfig = Promise<UserConfig> | UserConfig | UserConfigFnPromise;
  319. export type {
  320. ApplicationPluginOptions,
  321. ArchiverPluginOptions,
  322. CommonPluginOptions,
  323. ConditionPlugin,
  324. DefineApplicationOptions,
  325. DefineConfig,
  326. DefineLibraryOptions,
  327. IImportMap,
  328. ImportmapPluginOptions,
  329. LibraryPluginOptions,
  330. NitroMockPluginOptions,
  331. PrintPluginOptions,
  332. VbenViteConfig,
  333. };