如何在同一个项目中将 Typescript 与 Angular CLI 和 Express/Node 一起使用？

Posted 2023-03-07

【中文标题】如何在同一个项目中将 Typescript 与 Angular CLI 和 Express/Node 一起使用？

【英文标题】：How to use Typescript with Angular CLI and Express/Node in the same project?

【发布时间】：2017-10-23 14:18:50

【问题描述】：

我正在使用 Angular CLI 构建一个框架 MEAN 项目。下面看一下文件夹结构和tsconfig.json文件。

现在，服务器目录中的服务器代码是用 javascript 编写的，我希望能够用 TypeScript 编写它。

在开发中，我通常会运行以下命令：

nodemon server.js
ng build --watch

我想知道我需要进行哪些更改才能在 TypeScript 中编写我的服务器代码？我是否需要在其他地方创建一个单独的 tsconfig.json 文件来处理服务器代码，或者是否可以将 Angular 和服务器代码的指令包含在同一个 tsconfig.json 文件中？我可以继续使用上述 2 个命令进行开发吗？我需要添加新命令吗？理想情况下，如果需要，我更喜欢不使用 Gulp 等工具但坚持使用 NPM 脚本的解决方案。

【参考方案1】：

这是我的解决方案。我在名为 tsconfig-server.json 的根目录中添加了第二个 tsconfig 文件。下面看一下这个文件的内容：

更重要的是，我已经更改了我的 NPM 启动脚本以运行以下内容：

"start": "ng build -watch | tsc -p tsconfig-server.json -watch | nodemon server.js"

【讨论】：

您是否找到了更好的解决方案，因为我遇到了同样的问题？

不，这就是我正在使用的解决方案；服务器代码的单独配置文件。

我可以得到你的回购我就在附近运行两个单一的