ค้นหาเว็บไซต์

ประเภท - TypeScript: นำเข้าและส่งออก "พร้อมกัน"


มีวิธีใดในการทำการนำเข้าและส่งออกตัวแปรที่มีชื่อเดียวกัน ในเวลาเดียวกัน ภายในไฟล์ TypeScript เดียวกันหรือไม่?

ตัวอย่างเช่น สถานการณ์ต่อไปนี้:

import { State as UIState } from './ui'
import { State as ConnectionState } from './connection'

export { State as UIState } from './ui'
export { State as ConnectionState } from './connection'

export type State = {
    ui: UIState
    connection: ConnectionState
}

เพื่อ ลดค่าใช้จ่ายในการเขียน ฉันอยากจะสามารถเขียนบางอย่างแบบนั้นได้:

export import { State as UIState } from './ui'

มีไอเดียอะไรไหม?

คำตอบ #1

การสร้างไฟล์ "index.ts" (หรือ foo.ts) ช่วยลดการนำเข้า/ส่งออกซ้ำซ้อน (ฉันไม่แน่ใจว่านี่เป็นวิธีแก้ปัญหาที่ดีหรือไม่)

export * from './product-form.component'
export * from './product-list.component'

โมดูล Angular

import { NgModule } from '@angular/core';
import * as c from './index';
export * from './index'

@NgModule({
    declarations: [ 
        c.ProductListComponent,
        c.ProductFormComponent, 
    ]
  })
  export class ProductModule { }

คำตอบ #2

มีวิธีใดในการทำการนำเข้าและส่งออกตัวแปรที่มีชื่อเหมือนกัน พร้อมกัน ในไฟล์ TypeScript เดียวกันหรือไม่

ไม่ ไม่มีไวยากรณ์ JS module สำหรับสิ่งนั้น

บทความที่เกี่ยวข้อง