构建: change rts2

Author: agileago

example/main.tsx

@@ -1,65 +1,25 @@
 import '@abraham/reflection'
 import { Component, VueComponent } from 'vue3-oop'
-import { Inject, InjectionToken, SkipSelf } from 'injection-js'
 import { createApp } from 'vue'
 import './theme/app.css'
-import { focusDirective } from './focus.directive'
 import { CountService } from './count.service'
 
-const TOKEN1 = new InjectionToken('TOken')
-
-abstract class A {
-  name = 1
-}
-
-@Component({
-  providers: [
-    { provide: TOKEN1, useValue: 1 },
-    { provide: A, useValue: { age: 19 } },
-    { provide: 'aa', useValue: 1, multi: true },
-    { provide: 'aa', useValue: 2, multi: true },
-  ],
-})
+@Component()
 class Home extends VueComponent {
-  static directives = {
-    focus: focusDirective,
-  }
-  constructor(
-    @Inject(TOKEN1) private a: any,
-    private c: CountService,
-    private d: A,
-    @Inject('aa') private e: number[],
-  ) {
+  constructor(private countService: CountService) {
     super()
-    console.log(a, c, d, e)
   }
 
   render() {
     return (
-      <div>
-        111122222ccc
-        <HomeChild></HomeChild>
+      <div style={{ textAlign: 'center' }}>
+        <h2>count: {this.countService.count}</h2>
+        <button onClick={() => this.countService.add()}>+</button>
+        <button onClick={() => this.countService.remove()}>-</button>
       </div>
     )
   }
 }
 
-@Component()
-class HomeChild extends VueComponent {
-  constructor(
-    private countService: CountService,
-    @SkipSelf() private countService1: CountService,
-    @Inject(TOKEN1) private a: number,
-  ) {
-    super()
-    console.log(countService, countService1, countService === countService1)
-    console.log(a)
-  }
-
-  render() {
-    return <div>2222</div>
-  }
-}
-
 const app = createApp(Home)
 app.mount('#app')

vite.config.ts

@@ -2,10 +2,13 @@ import { defineConfig } from 'vite'
 import vueJsx from '@vue3-oop/plugin-vue-jsx'
 import vue from '@vitejs/plugin-vue'
 import typescript from 'rollup-plugin-typescript2'
+// import typescript from '@rollup/plugin-typescript'
 
 export default defineConfig(({ command, mode }) => {
   return {
-    esbuild: false, // 不支持装饰器
+    esbuild: {
+      exclude: /\.tsx?$/,
+    }, // 不支持装饰器
     plugins: [typescript({ check: false }), vueJsx()],
     resolve: {
       alias: [