.1915763867792649:94694924499ed011b40e7fc07bd50bf5_69e3490d0650b9d450180c13.69e34b310650b9d450180d5f.69e34b31c67012bc7a65dafc:Trae CN.T(2026/4/18 17:13:21)

example/typescript/components/Hello.ts

@@ -0,0 +1,9 @@
+interface GreetingProps {
+  name: string
+}
+
+function Hello({ name }: GreetingProps): string {
+  return `Hello, ${name}!`
+}
+
+export default Hello

example/typescript/index.ts

@@ -0,0 +1,27 @@
+import Hello from '@/components/Hello'
+import { formatDate, add } from '@/utils'
+
+const app = document.getElementById('app')
+
+if (app) {
+  const greeting = Hello('TypeScript')
+  const today = formatDate(new Date())
+  const sum = add(2, 3)
+
+  app.innerHTML = `
+    <div style="font-family: Arial, sans-serif; padding: 20px;">
+      <h1 style="color: #333;">${greeting}</h1>
+      <p style="color: #666;">Today is: ${today}</p>
+      <p style="color: #666;">2 + 3 = ${sum}</p>
+      <p style="color: #888; font-size: 14px; margin-top: 30px;">
+        This is a TypeScript example using:
+        <ul>
+          <li>ts-loader for compilation</li>
+          <li>tsconfig.json for configuration</li>
+          <li>Path aliases (@/components, @/utils)</li>
+          <li>ForkTsCheckerWebpackPlugin for type checking</li>
+        </ul>
+      </p>
+    </div>
+  `
+}

example/typescript/tsconfig.json

@@ -0,0 +1,29 @@
+{
+  "compilerOptions": {
+    "target": "ES2015",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "resolveJsonModule": true,
+    "declaration": false,
+    "sourceMap": true,
+    "noEmit": true,
+    "lib": ["DOM", "DOM.Iterable", "ES2015"],
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./*"]
+    },
+    "ignoreDeprecations": "6.0"
+  },
+  "include": [
+    "**/*.ts",
+    "**/*.tsx"
+  ],
+  "exclude": [
+    "node_modules",
+    "dist"
+  ]
+}

example/typescript/utils/index.ts

@@ -0,0 +1,11 @@
+export function formatDate(date: Date): string {
+  return date.toLocaleDateString('zh-CN', {
+    year: 'numeric',
+    month: 'long',
+    day: 'numeric'
+  })
+}
+
+export function add(a: number, b: number): number {
+  return a + b
+}