Question

由于有一个自动生成的tsconfig文件，我在保存时就编译了一个Angular应用程序，但是我不知道如何对Node.js服务器执行相同的操作。我是否需要修改launch.json以某种方式引用另一个tsconfig.json？

这是我的launch.json

{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "ng serve",
            "type": "chrome",
            "request": "launch",
            "preLaunchTask": "npm: start",
            "url": "http://localhost:4200",
            "webRoot": "${workspaceFolder}"
          },
        {
            "type": "node",
            "request": "launch",
            "name": "Launch JS",
            "program": "${workspaceFolder}/src/app/nodeapi/nodeapi.js"
        }
    ]
}

tsconfig.json

{
  "compileOnSave": true,
  "compilerOptions": {
    "baseUrl": "./",
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "module": "es2015",
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "importHelpers": true,
    "target": "es5",
    "typeRoots": [
      "node_modules/@types"
    ],
    "lib": [
      "es2018",
      "dom"
    ]
  }
}

我的项目结构：

|src
|-app
|--app.component.ts and other .TS files
|--nodeapi
|---nodeapi.js <---contains my server code
|tsconfig.json (shown above)

Answer 1

您可以使用nodemon进行操作，保存您的应用程序将自动编译

Answer 2

您可以使用Angular CLI安装nodemon。 Nodemon是一个任务观察程序，可以在保存时自动编译服务器端/ API。

Node.js在保存时编译

2 个答案: