TypeScript dosyaları değiştiğinde ts düğümü nasıl izlenir ve yeniden yüklenir

Ben her zaman ts dosyaları aktarmadan TypeScript ve bir Açısal uygulama ile bir dev sunucusu çalıştırmak için çalışıyorum. Ben koşma ile yapabileceğimi buldum ts-nodeama aynı zamanda .tsdosyaları izlemek ve gulp izle gibi bir şey gibi yapacağım uygulaması / sunucuyu yeniden yüklemek istiyorum.

nodemonAPI'sının özel bir komut yürütmek için varsayılan davranışını değiştirmemize izin verdiğini fark edene kadar geliştirme ortamım için aynı şeyle uğraşıyordum . Örneğin:

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

Ya da daha iyisi: nodemon'un yapılandırmasını nodemon.jsonaşağıdaki içeriğe sahip bir dosyaya harici hale getirin ve nodemonSandokan'ın önerdiği gibi çalıştırın :

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

Bunu yapmakla ts-node, temeldeki uygulama hakkında endişelenmenize gerek kalmadan bir süreci canlı olarak yeniden yükleyebileceksiniz .

Şerefe!

Nodemon'un en son sürümü için güncellendi:

nodemon.jsonAşağıdaki içeriğe sahip bir dosya oluşturun .

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

Ben terk ettim nodemonve ts-nodeçok daha iyi bir alternatif lehine, ts-node-dev https://github.com/whitecolor/ts-node-dev

Sadece koş ts-node-dev src/index.ts

İşte npm betikleri kullanarak HeberLZ'nin cevabına bir alternatif .

Benim package.json:

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

• -e flag, aranacak uzantıları belirler,
• -w izlenen dizini ayarlar,
• -x komut dosyasını yürütür.

--inspectiçinde watch:servekomut dosyası aslında bir node.js bayrağıdır, sadece protokol hata ayıklama sağlar.

Özellikle bu sorun için tsc-watchkütüphaneyi oluşturdum . npm'de bulabilirsiniz .

Açık kullanım örneği:

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

Bu benim için çalışıyor:

nodemon src/index.ts

Görünüşe göre bu çekme talebinden beri teşekkürler: https://github.com/remy/nodemon/pull/1552

Ekle "watch": "nodemon --exec ts-node -- ./src/index.ts"için scripts, aramalarınızdan bölümünde package.json.

Eğer kullanabilirsiniz ts-düğüm-dev

Gerekli dosyalardan herhangi biri değiştiğinde (standart düğüm-dev olarak) hedef düğüm işlemini yeniden başlatır, ancak yeniden başlatmalar arasında Typescript derleme işlemini paylaşır.

Yüklemek

yarn add ts-node-dev --dev

ve paketiniz.json böyle olabilir

"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"
}

ile yaptım

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

ve iplik başlıyor .. ts-düğüm 'ts-düğüm' gibi değil

Ben ts-node kullanmak ve her zaman dist klasöründen çalıştırmak tercih ederim.

Bunu yapmak için, package.json'unuzu varsayılan yapılandırma ile kurmanız yeterlidir:

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

ve nodemon.json yapılandırma dosyasını ekleyin :

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

Burada, "exec" kullanın : "npm restart"
böylece tüm ts dosyası js dosyasına yeniden derlemek ve sonra sunucuyu yeniden başlatın.

Geliştirme ortamında çalışırken,

npm run dev

Bu kurulumu kullanarak her zaman dağıtılmış dosyalardan çalışacağım ve ts-node'a gerek yok.

bunu package.json dosyanıza ekleyin

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

ve bu işi yapmak için ts-node'u dev-bağımlılığı olarak yüklemeniz gerekir

yarn add ts-node -D

yarn devdev sunucusunu başlatmak için çalıştır