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

sno*_*dev 5 node.js express typescript angular-cli angular

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

在此处输入图片说明

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

在开发中,我通常会运行以下命令:

nodemon server.js
ng build --watch
Run Code Online (Sandbox Code Playgroud)

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

sno*_*dev 3

这是我的解决方案。我在根目录中添加了第二个 tsconfig 文件,并将其命名为 tsconfig-server.json。我们来看看这个文件的内容:

在此输入图像描述

此外,我更改了 NPM 启动脚本以运行以下命令:

"start": "ng build -watch | tsc -p tsconfig-server.json -watch | nodemon server.js"
Run Code Online (Sandbox Code Playgroud)