feat: add useDefineForClassFields playground fixture and pass tsconfig to Rolldown

napi/angular-compiler/vite-plugin/index.ts

@@ -196,8 +196,13 @@ export function angular(options: PluginOptions = {}): Plugin[] {
             include: ['rxjs/operators', 'rxjs'],
             exclude: ['@angular/platform-server'],
           },
-          // Note: We dynamically unwatch template/style files when discovered during transform
-          // using server.watcher.unwatch(). This is more precise than static glob patterns.
+          ...(options.tsconfig && {
+            build: {
+              rolldownOptions: {
+                tsconfig: options.tsconfig,
+              },
+            },
+          }),
         }
       },
       configResolved(config) {

napi/playground/src/app/app.routes.ts

@@ -1,3 +1,5 @@
 import { Routes } from '@angular/router'
 
-export const routes: Routes = []
+import { CasesComponent } from './cases.component'
+
+export const routes: Routes = [{ path: 'cases', component: CasesComponent }]

napi/playground/src/app/cases.component.ts

@@ -0,0 +1,30 @@
+import { Component, Injectable, inject, signal } from '@angular/core'
+import { Observable, of, delay } from 'rxjs'
+
+@Injectable({ providedIn: 'root' })
+export class CifaPanelService {
+  onClose: Observable<boolean> = of(true)
+}
+
+@Component({
+  selector: 'app-cases',
+  template: '<div>Cases: {{ view() }}</div>',
+  standalone: true,
+})
+export class CasesComponent {
+  // Field using inject()
+  private cifaPanelService = inject(CifaPanelService)
+
+  // Field referencing the inject() field above - CRASHES with native class fields
+  // because cifaPanelService may not be initialized yet
+  private casesDrawerCloseChangeEvent$ = this.cifaPanelService.onClose.pipe(delay(0))
+
+  // Private field with signal
+  #view = signal<string>('home')
+  view = this.#view.asReadonly()
+
+  constructor() {
+    this.casesDrawerCloseChangeEvent$.subscribe()
+    console.log('CasesComponent view:', this.#view())
+  }
+}

napi/playground/tsconfig.base.json

@@ -0,0 +1,23 @@
+{
+  "compilerOptions": {
+    "strict": true,
+    "noImplicitOverride": true,
+    "noPropertyAccessFromIndexSignature": true,
+    "noImplicitReturns": true,
+    "noFallthroughCasesInSwitch": true,
+    "skipLibCheck": true,
+    "isolatedModules": true,
+    "experimentalDecorators": true,
+    "importHelpers": true,
+    "target": "ES2022",
+    "useDefineForClassFields": false,
+    "module": "preserve",
+    "moduleResolution": "bundler"
+  },
+  "angularCompilerOptions": {
+    "enableI18nLegacyMessageIdFormat": false,
+    "strictInjectionParameters": true,
+    "strictInputAccessModifiers": true,
+    "strictTemplates": true
+  }
+}

napi/playground/tsconfig.json

@@ -1,24 +1,5 @@
 {
-  "compilerOptions": {
-    "strict": true,
-    "noImplicitOverride": true,
-    "noPropertyAccessFromIndexSignature": true,
-    "noImplicitReturns": true,
-    "noFallthroughCasesInSwitch": true,
-    "skipLibCheck": true,
-    "isolatedModules": true,
-    "experimentalDecorators": true,
-    "importHelpers": true,
-    "target": "ES2022",
-    "module": "preserve",
-    "moduleResolution": "bundler"
-  },
-  "angularCompilerOptions": {
-    "enableI18nLegacyMessageIdFormat": false,
-    "strictInjectionParameters": true,
-    "strictInputAccessModifiers": true,
-    "strictTemplates": true
-  },
+  "extends": "./tsconfig.base.json",
   "references": [
     {
       "path": "../angular-compiler"