提交qiming-dev-inject

qiming-dev-inject/test-projects/vite-project/vite.config.js

@@ -0,0 +1,40 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+
+export default defineConfig({
+  plugins: [
+    
+  // <!-- DEV-INJECT-START -->
+  {
+    name: 'dev-inject',
+    enforce: 'post', // 确保在 HTML 注入阶段最后执行
+    transformIndexHtml(html) {
+      if (!html.includes('data-id="dev-inject-monitor"')) {
+        return html.replace("</head>", `
+    <script data-id="dev-inject-monitor">
+      (function() {
+        const remote = "https://testagent.xspaceagi.com/sdk/dev-monitor.js";
+        const separator = remote.includes('?') ? '&' : '?';
+        const script = document.createElement('script');
+        script.src = remote + separator + 't=' + Date.now();
+        script.dataset.id = 'dev-inject-monitor-script';
+        script.defer = true;
+        // 防止重复注入
+        if (!document.querySelector('[data-id="dev-inject-monitor-script"]')) {
+          document.head.appendChild(script);
+        }
+      })();
+    </script>
+  \n</head>`);
+      }
+      return html;
+    }
+  },
+  // <!-- DEV-INJECT-END -->
+  
+    react()
+  ],
+  server: {
+    port: 3001
+  }
+})