Cách xem và tải lại nút ts khi tệp TypeScript thay đổi

Tôi đang cố gắng chạy một máy chủ dev với TypeScript và một ứng dụng Angular mà không cần dịch các tệp ts mỗi lần. Tôi thấy rằng tôi có thể thực hiện việc chạy với ts-nodenhưng tôi cũng muốn xem .tscác tệp và tải lại ứng dụng / máy chủ như tôi sẽ làm với một cái gì đó như đồng hồ gulp.

Tôi đã vật lộn với điều tương tự cho môi trường phát triển của mình cho đến khi tôi nhận thấy nodemonAPI đó cho phép chúng tôi thay đổi hành vi mặc định của nó để thực thi lệnh tùy chỉnh. Ví dụ:

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

Hoặc thậm chí tốt hơn: bên ngoài cấu hình của gật đầu vào một nodemon.jsontệp có nội dung sau, và sau đó chỉ cần chạy nodemon, như Sandokan đề xuất:

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

Nhờ vào việc này, bạn sẽ có thể tải lại một ts-nodequy trình mà không phải lo lắng về việc triển khai cơ bản.

Chúc mừng!

Cập nhật cho phiên bản mới nhất của gật đầu:

Tạo một nodemon.jsontập tin với nội dung sau đây.

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

Tôi đã từ bỏ nodemonvà ts-nodeủng hộ một giải pháp thay thế tốt hơn nhiều, ts-node-dev https://github.com/whitecolor/ts-node-dev

Chỉ cần chạy ts-node-dev src/index.ts

Đây là một thay thế cho câu trả lời của HeberLZ , sử dụng các tập lệnh npm.

My package.json:

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

• -e cờ thiết lập các phần mở rộng để tìm kiếm,
• -w đặt thư mục đã xem,
• -x thực thi kịch bản.

--inspecttrong watch:servetập lệnh thực sự là một cờ node.js, nó chỉ cho phép gỡ lỗi giao thức.

Cụ thể cho vấn đề này tôi đã tạo tsc-watchthư viện. bạn có thể tìm thấy nó vào npm .

Trường hợp sử dụng rõ ràng sẽ là:

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

Thêm "watch": "nodemon --exec ts-node -- ./src/index.ts"vào scriptsphần của bạn package.json.

Điều này làm việc cho tôi:

nodemon src/index.ts

Rõ ràng là nhờ yêu cầu kéo này: https://github.com/remy/nodemon/pull/1552

bạn có thể sử dụng ts-node-dev

Nó khởi động lại quá trình nút đích khi bất kỳ tệp yêu cầu nào thay đổi (dưới dạng nút tiêu chuẩn) nhưng chia sẻ quá trình biên dịch Bản mô tả giữa các lần khởi động lại.

Tải về

yarn add ts-node-dev --dev

và gói.json của bạn có thể như thế này

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

tôi đã làm với

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

và sợi bắt đầu .. nút ts không giống như 'nút ts'

Tôi không muốn sử dụng nút ts và luôn luôn chạy từ thư mục dist.

Để làm điều đó, chỉ cần thiết lập gói.json của bạn với cấu hình mặc định:

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

và sau đó thêm tập tin cấu hình gật đầu.json :

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

Ở đây, tôi sử dụng "exec": "npm restart"
để tất cả tệp ts sẽ biên dịch lại thành tệp js và sau đó khởi động lại máy chủ.

Để chạy trong môi trường dev,

npm run dev

Sử dụng thiết lập này, tôi sẽ luôn chạy từ các tệp được phân phối và không cần nút ts.

thêm phần này vào tệp pack.json của bạn

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

và để làm việc này, bạn cũng cần cài đặt ts-node làm phụ thuộc dev

yarn add ts-node -D

chạy yarn devđể khởi động máy chủ dev