Cara menonton dan memuat ulang ts-node ketika file TypeScript berubah

Saya mencoba untuk menjalankan server dev dengan TypeScript dan aplikasi Angular tanpa mengubah file ts setiap waktu. Saya menemukan bahwa saya dapat menjalankannya dengan ts-nodetetapi saya juga ingin menonton .tsfile dan memuat ulang aplikasi / server seperti yang akan saya lakukan dengan sesuatu seperti gulp watch.

Saya sedang berjuang dengan hal yang sama untuk lingkungan pengembangan saya sampai saya perhatikan bahwa nodemonAPI memungkinkan kami untuk mengubah perilaku default untuk menjalankan perintah kustom. Sebagai contoh:

nodemon --watch 'src/**/*.ts' --ignore 'src/**/*.spec.ts' --exec 'ts-node' src/index.ts

Atau bahkan lebih baik: externalize config nodemon ke nodemon.jsonfile dengan konten berikut, dan kemudian jalankan nodemon, seperti yang disarankan Sandokan:

{ "watch": ["src/**/*.ts"], "ignore": ["src/**/*.spec.ts"], "exec": "ts-node ./index.ts" }

Dengan melakukan ini, Anda akan dapat memuat ulang suatu ts-nodeproses tanpa harus khawatir tentang implementasi yang mendasarinya.

Bersulang!

Diperbarui untuk versi nodemon terbaru:

Buat nodemon.jsonfile dengan konten berikut.

{
  "watch": ["src"],
  "ext": "ts",
  "ignore": ["src/**/*.spec.ts"],
  "exec": "ts-node ./src/index.ts"      // or "npx ts-node src/index.ts"
}

Saya sudah membuang nodemondan ts-nodemendukung alternatif yang jauh lebih baik,ts-node-dev https://github.com/whitecolor/ts-node-dev

Lari saja ts-node-dev src/index.ts

Berikut alternatif jawaban HeberLZ HeberLZ, menggunakan skrip npm.

Saya package.json:

  "scripts": {
    "watch": "nodemon -e ts -w ./src -x npm run watch:serve",
    "watch:serve": "ts-node --inspect src/index.ts"
  },

• -e flag mengatur ekstensi untuk dicari,
• -w mengatur direktori yang ditonton,
• -x mengeksekusi skrip.

--inspectdalam watch:serveskrip sebenarnya adalah flag node.js, itu hanya memungkinkan protokol debugging.

Khusus untuk masalah ini saya telah membuat tsc-watchperpustakaan. Anda dapat menemukannya di npm .

Kasus penggunaan yang jelas adalah:

tsc-watch server.ts --outDir ./dist --onSuccess "node ./dist/server.js"

Ini bekerja untuk saya:

nodemon src/index.ts

Rupanya terima kasih karena permintaan penarikan ini: https://github.com/remy/nodemon/pull/1552

Tambahkan "watch": "nodemon --exec ts-node -- ./src/index.ts"ke scriptsbagian Anda package.json.

Anda bisa menggunakan ts-node-dev

Ini me-restart proses simpul target ketika ada file yang diperlukan berubah (sebagai simpul-dev standar) tetapi berbagi proses kompilasi Script antara restart.

Install

yarn add ts-node-dev --dev

dan package.json Anda bisa seperti ini

"scripts": {
  "test": "echo \"Error: no test specified\" && exit 1",
  "tsc": "tsc",
  "dev": "ts-node-dev --respawn --transpileOnly ./src/index.ts",
  "prod": "tsc && node ./build/index.js"
}

saya lakukan dengan

"start": "nodemon --watch 'src/**/*.ts' --ignore 'src/**/*.spec.ts' --exec ts-node src/index.ts"

dan benang mulai .. ts-node tidak suka 'ts-node'

Saya lebih suka untuk tidak menggunakan ts-node dan selalu dijalankan dari folder dist.

Untuk melakukannya, cukup atur package.json Anda dengan konfigurasi default:

....
"main": "dist/server.js",
  "scripts": {
    "build": "tsc",
    "prestart": "npm run build",
    "start": "node .",
    "dev": "nodemon"
  },
....

dan kemudian tambahkan file konfigurasi nodemon.json :

{
  "watch": ["src"],
  "ext": "ts",
  "ignore": ["src/**/*.spec.ts"],
  "exec": "npm restart"
}

Di sini, saya menggunakan "exec": "npm restart"
sehingga semua file ts akan mengkompilasi ulang ke file js dan kemudian restart server.

Untuk menjalankan sementara di lingkungan dev,

npm run dev

Dengan menggunakan pengaturan ini, saya akan selalu menjalankan dari file yang didistribusikan dan tidak perlu untuk ts-node.

tambahkan ini ke file package.json Anda

scripts {
"dev": "nodemon --watch '**/*.ts' --exec 'ts-node' index.ts"
}

dan untuk membuatnya bekerja, Anda juga perlu menginstal ts-node sebagai dev-dependency

yarn add ts-node -D

jalankan yarn devuntuk memulai server dev