有没有办法使用 npm 脚本来运行 tsc -watch && nodemon --watch？

Question

我正在寻找一种使用 npm 脚本同时运行tsc --watch && nodemon --watch的方法。 我可以独立运行这些命令，但是当我想同时运行它们时，只执行第一个。 例如：

"scripts": {    
    "runDeb": "set NODE_ENV=development&& tsc --watch && nodemon --watch"
  }

tsc --watch被执行但nodemon从未被调用，反之亦然。

Answer 1

我认为你想要的是这样的（我目前的设置）：

"scripts": {
    "compile": "tsc && node app.js",
    "dev": "./node_modules/nodemon/bin/nodemon.js -e ts  --exec \"npm run compile\""
}

我创建了两个脚本“编译”和“开发”。 要开始开发，您只需运行npm run dev启动 nodemon 并使其监视 .ts 文件（使用-e标志）。 然后，每次 .ts 文件更改时，nodemon 都会exec compile 任务，该任务基本上编译并运行 node 应用程序。

虽然并发使用是一个不错的选择，但我的设置保证在尝试执行生成的 .js 文件之前tsc的工作已经完成。

Answer 2

我已经使用 AlterX 的解决方案有一段时间了，它运行良好，但我发现它很慢。 相反，我现在使用tsc-watch 。 它使 tsc 使用类似于-w标志的增量编译，使应用程序的重新启动速度更快。

就像在 package.json 中放入类似的东西一样简单：

"scripts": {
  "start": "./node_modules/.bin/tsc-watch --onSuccess \"node .\""
}

Answer 3

尝试将其添加到您的 package.json 中：

"scripts": {
  "start": "concurrently --kill-others \"tsc -w\" \"nodemon dist/app.js\"",
}

并将这个 npm 包（同时，nodemon，typescript）添加到你的 package.json 中：

"devDependencies": {
  "concurrently": "^2.2.0",
  "typescript": "^1.8.10",
  "nodemon": "^1.9.2",
}

Answer 4

这是怎么回事

问题是所有文件都有两个观察者。 一种是tsc -w ，一种是nodemon 。

当对.ts文件进行更改时， tsc会检测到并编译它，并在目标文件夹中创建.js版本。

现在从 Nodemon 的角度来看，它检测到两个变化（至少）——一个是.ts ，一个是.js 。 在第一次更改时，它会自行重启，但在第二次更改时，它不知道另一个“开始”正在发生，因此它尝试再次重启但失败了。 对我来说，这是一个 nodemon 错误 - 请参阅https://github.com/remy/nodemon/issues/763 。

解决方案

1) 使用tsc-watch --onSuccess

tsc-watch有--onSuccess你可以把node放在那里。 这样你就只有一个观察者。

2）延迟nodemon

您可以轻松延迟 nodemon 重新启动（请参阅--delay ）。 它需要最少的设置更改。

3) 让 nodemon 只监控 TSC 的目标文件夹

我无法设置它，但是这样nodemon将有希望地仅检测到一个更改。 将来或 tsc 生成多个文件时，它可能会导致问题。

Answer 5

我在2018年10 月使用最新版本的 nodemon 的解决方案。

首先：
安装nodemon ( npm install nodemon --save-dev ) 和ts-node ( npm install ts-node --save-dev )

第二：
创建一个nodemon.json 。 我喜欢将我的 nodemon 配置保存在单独的 nodemon.json 中，以使 npm 脚本更易于阅读。 所以在项目根目录下创建nodemon.json ，内容如下：

{
    "ignore": ["**/*.test.ts", "**/*.spec.ts", ".git", "node_modules"],
    "watch": ["src"], // your .ts src folder
    "exec": "npm start", // your npm script created in package.json
    "ext": "ts"
}

然后创建您的npm start脚本，例如：

"scripts": {
    ...
    "start": "ts-node src/server.ts",
    "dev:ts": "nodemon",
    ...
  }

然后运行npm run dev:ts或yarn dev:ts应该运行并观察您的打字稿服务器代码。

有关Jest单元测试等更多配置...您可以查看这篇文章

Answer 6

TypeScript-Node-Starter很快

https://github.com/microsoft/TypeScript-Node-Starter/blob/master/package.json

"dev": "concurrently -k -n \"TypeScript,Node\" -c \"yellow.bold,cyan.bold\" \"npm run watch-ts\" \"nodemon ./dist/app.js\"",
"watch-ts": "tsc -w"

在这里，我们为npm run watch-ts了TypeScript名称（通过concurrently -n使用concurrently -n ）并通过concurrently -c使用concurrently -c添加了yellow.bold颜色。

所以，我可以很容易地识别每个进程的消息。

Answer 7

这是另一种方法，在启动nodemon之前在concurrently命令中使用sleep 。

例如，

"scripts": {
    "dev": "concurrently -k \"tsc -p ./src/server -w\" \"tsc -p ./src/client -w\" \"sleep 5 && nodemon ./dist/server/server.js\"",
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "node ./dist/server/server.js"
  },

在我的情况下，我同时生成客户端和服务器打字稿项目，这导致 nodemon 在我执行npm run dev时实际启动 3 次。 但是如果我在启动 nodemon 进程前休眠 5 秒，那么两个 tsc 进程都已经完成，然后继续观看。

您也可以使用 nodemon 的延迟选项，但我只需要它在我执行npm run dev时延迟第一次。 在那之后，无论哪个项目中的哪个文件的每个单独重新编译，都只会正确地重新启动 nodemon 一次。

警告，如果您的服务器速度很慢，您可能需要将睡眠延迟增加到 5 以上。

此外，我确实尝试了接受的答案，但我的解决方案在 nodemon 和 tsc watch 进程继续运行时进行后续重新编译更快。

我的解决方案为 1 秒，而接受的解决方案为 5 秒。 我无法获得在监视模式下实际运行 tsc 的公认答案，这就是它变慢的原因，因为两个 TypeScript 项目都在每次更改时都进行了完全重新编译。

Answer 8

TL; 博士; 让nodemon监视tsc输出（即.js文件）的变化

您希望nodemon设置为在tsc --watch完成时进行监控，正如一些人在其他评论中提到的那样，所以只需要求它监视tsc的目标目录以了解.js文件中的更改。

例如，在package.json ：

"scripts": {
  ...
  "watch": "tsc --build src/tsconfig.json --watch",
  "watch-tests": "nodemon --watch dist -e js --exec \"yarn run tests\"",
  "tests": "some script to run my tests",
  ...
}

在src/tsconfig.json ：

{
...
  "compilerOptions": {
    "outDir": "../dist",
    ...
  },
...
}

在哪里

• --watch <folder>将指向您在compilerOptions -> tsconfig.json 文件中的outDir定义的相同位置，
• -e js只会监视 javascript 文件中的更改，并且
• --exec <some arbitrary thing to run>让 nodemon 运行的不仅仅是 node.js 脚本。

如果你想让 nodemon 运行的是一个节点脚本，它可以进一步简化为nodemon --watch dist -e js my-node-script.js

注意：如果您发现nodemon它的脚本，您可以增加油门延迟以使用--delay检查更改

Answer 9

您可以使用ts-node直接运行.ts文件。 只需全局安装它， nodemon将自动使用ts-node 。

Answer 10

让tsc和nodemon运行的简单方法

将此脚本添加到您的package.json

  "scripts": {
    "start": "tsc -w & nodemon -q -w dist dist/app.js"
  },

• tsc -w => 在保存.ts文件时构建打字稿
• & => 能够在后台运行nodemon
• nodemon -q -w => -q是安静模式运行， -w告诉nodemon watch 哪个文件夹

然后你可以运行npm run start或yarn start

Answer 11

正常编译是：如果文件名是main.ts

第一步： tsc main.ts

第 2 步：节点 main.js

简单和一次性（循环）编译：

tsc main --watch