fix: 修复打包后图片资源无法加载的问题

- 配置 webpack copy-webpack-plugin 将 src/assets 复制到 dist/assets
- 更新所有图片引用路径从 src/assets 改为 dist/assets
- 修改 localResourceRoots 配置以允许访问 dist/assets

src/panels/ICHelperPanel.ts

@@ -53,7 +53,7 @@ function getTierIconUri(
   const iconUri = webview.asWebviewUri(
     vscode.Uri.joinPath(
       context.extensionUri,
-      "src",
+      "dist",
       "assets",
       "titleIcon",
       iconFile,
@@ -138,7 +138,7 @@ export async function showICHelperPanel(
       retainContextWhenHidden: true,
       localResourceRoots: [
         vscode.Uri.joinPath(context.extensionUri, "media"),
-        vscode.Uri.joinPath(context.extensionUri, "src", "assets"),
+        vscode.Uri.joinPath(context.extensionUri, "dist", "assets"),
       ],
     },
   );
@@ -166,7 +166,7 @@ export async function showICHelperPanel(
   const autoIconUri = panel.webview.asWebviewUri(
     vscode.Uri.joinPath(
       context.extensionUri,
-      "src",
+      "dist",
       "assets",
       "model",
       "Auto.png",
@@ -175,7 +175,7 @@ export async function showICHelperPanel(
   const liteIconUri = panel.webview.asWebviewUri(
     vscode.Uri.joinPath(
       context.extensionUri,
-      "src",
+      "dist",
       "assets",
       "model",
       "lite.png",
@@ -184,7 +184,7 @@ export async function showICHelperPanel(
   const syIconUri = panel.webview.asWebviewUri(
     vscode.Uri.joinPath(
       context.extensionUri,
-      "src",
+      "dist",
       "assets",
       "model",
       "Sy.png",
@@ -193,7 +193,7 @@ export async function showICHelperPanel(
   const maxIconUri = panel.webview.asWebviewUri(
     vscode.Uri.joinPath(
       context.extensionUri,
-      "src",
+      "dist",
       "assets",
       "model",
       "Max.png",
@@ -204,7 +204,7 @@ export async function showICHelperPanel(
   const qrCodeUri = panel.webview.asWebviewUri(
     vscode.Uri.joinPath(
       context.extensionUri,
-      "src",
+      "dist",
       "assets",
       "QRCode",
       "wx.png",

src/views/ICViewProvider.ts

@@ -28,7 +28,7 @@ export function showICHelperPanel(context: vscode.ExtensionContext) {
       retainContextWhenHidden: true,
       localResourceRoots: [
         vscode.Uri.joinPath(context.extensionUri, "media"),
-        vscode.Uri.joinPath(context.extensionUri, "src", "assets")
+        vscode.Uri.joinPath(context.extensionUri, "dist", "assets")
       ],
     }
   );
@@ -47,21 +47,21 @@ export function showICHelperPanel(context: vscode.ExtensionContext) {
 
   // 获取模型图标URI
   const autoIconUri = panel.webview.asWebviewUri(
-    vscode.Uri.joinPath(context.extensionUri, "src", "assets", "model", "Auto.png")
+    vscode.Uri.joinPath(context.extensionUri, "dist", "assets", "model", "Auto.png")
   );
   const liteIconUri = panel.webview.asWebviewUri(
-    vscode.Uri.joinPath(context.extensionUri, "src", "assets", "model", "lite.png")
+    vscode.Uri.joinPath(context.extensionUri, "dist", "assets", "model", "lite.png")
   );
   const syIconUri = panel.webview.asWebviewUri(
-    vscode.Uri.joinPath(context.extensionUri, "src", "assets", "model", "Sy.png")
+    vscode.Uri.joinPath(context.extensionUri, "dist", "assets", "model", "Sy.png")
   );
   const maxIconUri = panel.webview.asWebviewUri(
-    vscode.Uri.joinPath(context.extensionUri, "src", "assets", "model", "Max.png")
+    vscode.Uri.joinPath(context.extensionUri, "dist", "assets", "model", "Max.png")
   );
 
   // 获取二维码图片URI
   const qrCodeUri = panel.webview.asWebviewUri(
-    vscode.Uri.joinPath(context.extensionUri, "src", "assets", "QRCode", "wx.png")
+    vscode.Uri.joinPath(context.extensionUri, "dist", "assets", "QRCode", "wx.png")
   );
 
   // 获取Logo URI