如何在同一个项目中使用带有Angular CLI和Express / Node的Typescript?

时间:2017-05-23 14:44:38

标签: node.js angular express typescript angular-cli

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

enter image description here

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

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

nodemon server.js
ng build --watch

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

1 个答案:

答案 0 :(得分:2)

这是我的解决方案。我在根目录中添加了第二个tsconfig文件,我命名为tsconfig-server.json。以下是该文件的内容:

enter image description here

更重要的是,我更改了我的NPM启动脚本以运行以下命令:

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