如何使用npm命令编译打字稿？

好吧,我只是想知道是否有任何命令将直接编译打字稿代码并获得输出.现在,我正在做的是,每次当我在文件中进行更改时,我必须重新运行命令以便编译它

npm start

这启动浏览器,然后我必须使用ctrl + c停止执行,然后我必须使用npm命令运行该文件

node filename

看到输出.

所以我想知道的是,是否有任何npm命令将编译.ts文件并查看我在文件中使用的文件所做的更改

node filename

命令

1> ThomasThieba..：

---

您可以tsc使用--watch参数启动命令(typescript编译器).

这是一个想法:

使用tsconfig.json文件配置typescript

运行tsc --watch,所以每次更改.ts文件时,tsc都会编译并生成输出(假设你配置了typescript将输出放在./dist文件夹中)

使用nodemon看,如果在文件中./dist已经改变,如果需要的话重新发起服务器.

以下是一些package.json可以帮助您完成的脚本(要放入)(您需要安装以下模块npm install --save typescript nodemon npm-run-all rimraf)

"scripts": {
    "clean": "rimraf dist",
    "start": "npm-run-all clean --parallel watch:build watch:server --print-label",
    "watch:build": "tsc --watch",
    "watch:server": "nodemon './dist/index.js' --watch './dist'"
}

然后你只需要npm start在终端中运行

---

这对我不起作用,因为`nodemon`试图在`watch:build`任务完成之前启动服务器.我从nodemon那里得到一个错误:`找不到模块'.../dist/index.js`

2> demisx..：

---

这基于@ThomasThiebaud提出的解决方案。我必须对其稍加修改，以确保dist/在nodemon尝试启动服务器之前已内置文件。

"scripts": {
    "clean": "rimraf dist",
    "build": "tsc",
    "watch:build": "tsc --watch",
    "watch:server": "nodemon './dist/index.js' --watch './dist'",
    "start": "npm-run-all clean build --parallel watch:build watch:server --print-label"
  },

您仍然需要运行npm start以开始整个过程​​。