Как посмотреть и перезапустить TypeScript при изменении?

Question

У меня есть очень простое приложение, написанное на TypeScript:

src / index.ts

import * as http from "http";

const server = http.createServer((request, response) =>
{
    response.end("Hello, World");
});

server.listen(3000);

Тогда моя конфигурация TypeScript:

tsconfig. json

{
    "compilerOptions": {
        // Output options
        "target": "es5",
        "lib": [
            "es2016"
        ],
        "module": "commonjs",
        "outDir": "./build",
    }
}

Я могу создать свой код, используя npx tsc, а затем запустить его, используя node ./build/index.js, и при посещении http://localhost: 3000 в браузере я вижу сообщение "Hello, World" - пока все хорошо

Теперь, используя npx tsc -w, я могу посмотреть файлы, чтобы увидеть, изменятся ли они, и перекомпилировать их, когда это произойдет. Эта команда запускается "навсегда" (пока не остановлена), поэтому она не позволяет мне запускать node ./output/index.js в том же терминале. Используя несколько терминалов windows или терминальный мультиплексор, я могу довольно просто запустить node ./output/index.js, но этот файл не будет перезапущен, если мой код будет перекомпилирован. Это означает, что если я изменю строку «Hello, World» на «Hello, Steven», я не увижу изменения, пока не остановлю свой сервер и не перезапущу его вручную

Есть ли способ просмотреть мои файлы TypeScript например, и запустить вывод, чтобы вывод был остановлен и перезапущен при изменении моего кода?

Answer 1

Вы можете запустить tsc и nodemon одновременно:

npx tsc -w & npx nodemon build

или использовать nodemon с ts-node :

npx nodemon -x ts-node -e ts src
# to run even if there are TS errors:
npx nodemon -x 'ts-node --log-error' -e ts src

или просто используйте ts-node-dev:

npx ts-node-dev src