多个typescript文件互相引用

最新推荐文章于 2024-07-29 20:32:47 发布

水星灭绝

最新推荐文章于 2024-07-29 20:32:47 发布

阅读量8.6k

点赞数 1

分类专栏：前端

本文链接：https://blog.csdn.net/wulong710/article/details/98317772

版权

本文介绍了如何在 TypeScript 项目中处理多个文件之间的引用，并详细阐述了在VSCode中进行编译、执行及调试的步骤。通过创建和配置.vscode/tasks.json、launch.json以及tsconfig.json文件，确保能够正确编译TS文件并执行，同时解决断点调试问题。

摘要由CSDN通过智能技术生成

多个typescript文件互相引用

IShape.ts


export interface IShape { 
    draw():void; 
 }

Circle.ts

import shape = require("./IShape"); 
export class Circle implements shape.IShape { 
   public draw() { 
      console.log("Cirlce is drawn (external module)"); 
   } 
}

Triangle.ts

import shape = require("./IShape"); 
export class Triangle implements shape.IShape { 
   public draw() { 
      console.log("Triangle is drawn (external module)"); 
   } 
}

TestShape.ts

import shape = require("./IShape"); 
import circle = require("./Circle"); 
import triangle = require("./Triangle");  
 
function drawAllShapes(shapeToDraw: shape.IShape) {
   shapeToD