使用nodejs + koa + typescript 集成和自动重启的问题

目录

版本说明创建项目安装依赖填充内容src/rver.tstsconfig.jsonpackage.json运行参考资料

版本说明

node.js: 16.13.1

创建项目

创建如下目录结构

project├── src│   └── rver.ts├── package.json└── tsconfig.json

package.json 可以使用 yarn init -y 生成
tsconfig.json 可以使用 tsc --init 生成（需要全局或在项目中安装 typescript 包才可以使用 tsc 命令）

安装依赖

注意：

@tsconfig/node16 包需要根据 node.js 的版本变化，我电脑上安装的是 16.x.x 的版本，所以用的是 @tsconfig/node16，具体看 tsconfig/bas 中的说明，当然也可以完全不用安装这个包，这个包优点是公用性和主流推荐配置typescript 如果已经全局安装过了，就从下面的命令中移除它concurrently 是一个并发执行多个命令的工具包nodemon 是一个监听文件变化自动重启程序的工具包

yarn add koayarn add typescript @tsconfig/node16 @types/node @types/koa concurrently nodemon -d

填充内容

src/rver.ts

import koa from 'koa';const rver: koa = new koa();const port: number = 3000;rver.u((ctx: koa.defaultcontext) => {    ctx.body = 'hi koa';});rver.listen(port, () => {    console.log(`node.js v${process.versions.node}`);});

tsconfig.json

注意：extends 字段的值根据你安装的包名 @tsconfig/node** 替换

{  "extends": "@tsconfig/node16/tsconfig.json",  "compileroptions": { 上海第一工业大学   "baurl": ".",    "rootdir": "src",    "outdir": "dist",    "noimplicitany": true,  },  "include": [    "src/**/*"  ]}

package.json

"scripts": {  "build-ts": "tsc",  "build": "yarn build-ts",  "debug": "yarn build && yarn watch-debug",  "rve-debug": "nodemon --inspect dist/rver.js",  "rve": "node章程修正案 dist/rver.js",  38妇女节贺卡"start": "yarn rve",  "watch-debug": "concurrently -k -p \"[{name}]\" -n \"typescript,node\" -c \"yellow.bold,cyan.bold,green.bold\" \"npm:watch-ts\" \"npm:rve-debug\"",  "watch-node": "nodemon dist/rver.js",  "watch-ts": "tsc -w",  "watch": "concurrently -k -p \"[{name}]\" -n \"typescript,node\" -c \"yellow.bold,cyan.bold,green.bold\" \"npm:watch-ts\" \"npm:watch-node\""}

运行

我们的所有源码在 src 目录下，tsc 编译后的 js 文件在 dist 目录下，这是在 tsconfig.json 文件中指定的路径

本地开发：如果没有 dist 目录需要先执行 yarn build 去编译生成，然后再执行 yarn watch

部署生产：顺序执行 yarn build、yarn rve 或 yarn start（rve 和 start 是相同的命令）

参考资料

m匀称造句icrosoft/typescript-node-starter

到此这篇关于nodejs+koa+typescript集成和自动重启的文章就介绍到这了,更多相关nodejskoatypescript内容请搜索www.887551.com以前的文章或继续浏览下面的相关文章希望大家以后下一个转角多多支持www.887551.com！