earthsdk3-assets 3.0.15 → 3.0.16

package/README.md

@@ -134,11 +134,13 @@ earthsdk3-assets/
 
 1. **Vite** - 检查 `vite` 依赖或 `vite.config.*` 文件
 2. **Rspack** - 检查 `@rspack/core` 依赖或 `rspack.config.*` 文件
-3. **Webpack** - 检查 `webpack` 依赖或 `webpack.config.*` 文件
+3. **Vue CLI** - 检查 `@vue/cli-service` 依赖（基于 Webpack 5）
+4. **Webpack** - 检查 `webpack` 依赖或 `webpack.config.*` 文件
 
 ## 注意事项
 
 - Webpack/Rspack 项目需要安装 `html-webpack-plugin` 或 `@rspack/plugin-html` 以支持 HTML 脚本注入
+- Vue CLI 项目内置 `html-webpack-plugin`，无需额外安装
 - 所有构建工具插件均为可选依赖，未使用的构建工具不会引起报错
 
 ## 许可证

package/package.json

@@ -1,10 +1,11 @@
 {
     "name": "earthsdk3-assets",
-    "version": "3.0.15",
+    "version": "3.0.16",
     "description": "地球可视化实验室 (EarthSDK&CesiumLab) https://www.bjxbsj.cn",
     "private": false,
     "type": "module",
     "main": "./src/index.js",
+    "types": "./src/index.d.ts",
     "exports": {
         ".": {
             "import": "./src/index.js",

package/src/index.cjs

@@ -20,9 +20,10 @@ function detectBuildTool() {
         ...pkg.devDependencies
     };
     
-    // 优先级：Vite > Rspack > Webpack
+    // 优先级：Vite > Rspack > Vue CLI > Webpack
     if (allDeps.vite) return 'vite';
     if (allDeps['@rspack/core'] || allDeps.rspack) return 'rspack';
+    if (allDeps['@vue/cli-service']) return 'webpack';
     if (allDeps.webpack || allDeps['html-webpack-plugin']) return 'webpack';
     
     // 检测配置文件

package/src/index.d.ts

@@ -0,0 +1,47 @@
+declare module 'earthsdk3-assets' {
+    export interface EarthsdkAssetsOptions {
+        forceTool?: 'vite' | 'webpack' | 'rspack' | 'vue-cli';
+    }
+
+    export interface EarthsdkAssetsPlugin {
+        name: string;
+        transformIndexHtml?: () => Array<{
+            tag: string;
+            attrs: Record<string, string>;
+            injectTo: 'head' | 'body';
+        }>;
+        configResolved?: (config: any) => void;
+        configureServer?: (server: any) => Promise<void>;
+        closeBundle?: () => Promise<void>;
+        apply?: (compiler: any) => void;
+    }
+
+    export function detectBuildTool(): 'vite' | 'webpack' | 'rspack' | null;
+
+    export function vitePlugin(options?: EarthsdkAssetsOptions): EarthsdkAssetsPlugin;
+    export function webpackPlugin(options?: EarthsdkAssetsOptions): any;
+    export function rspackPlugin(options?: EarthsdkAssetsOptions): any;
+
+    export default function earthsdkAssets(options?: EarthsdkAssetsOptions): Promise<EarthsdkAssetsPlugin> | any;
+}
+
+declare module 'earthsdk3-assets/vite' {
+    import type { EarthsdkAssetsOptions, EarthsdkAssetsPlugin } from 'earthsdk3-assets';
+    export default function vitePlugin(options?: EarthsdkAssetsOptions): EarthsdkAssetsPlugin;
+}
+
+declare module 'earthsdk3-assets/webpack' {
+    import type { EarthsdkAssetsOptions } from 'earthsdk3-assets';
+    export default class EarthsdkAssetsWebpackPlugin {
+        constructor(options?: EarthsdkAssetsOptions);
+        apply(compiler: any): void;
+    }
+}
+
+declare module 'earthsdk3-assets/rspack' {
+    import type { EarthsdkAssetsOptions } from 'earthsdk3-assets';
+    export default class EarthsdkAssetsRspackPlugin {
+        constructor(options?: EarthsdkAssetsOptions);
+        apply(compiler: any): void;
+    }
+}

package/src/index.js

@@ -24,10 +24,10 @@ function detectBuildTool() {
         ...pkg.devDependencies
     };
     
-    // 优先级：Vite > Rspack > Webpack
-    // Rspack 需要优先于 Webpack 检测，因为 Rspack 项目通常也依赖 @rspack/core
+    // 优先级：Vite > Rspack > Vue CLI > Webpack
     if (allDeps.vite) return 'vite';
     if (allDeps['@rspack/core'] || allDeps.rspack) return 'rspack';
+    if (allDeps['@vue/cli-service']) return 'webpack';
     if (allDeps.webpack || allDeps['html-webpack-plugin']) return 'webpack';
     
     // 检测配置文件