如何在 Loopback 4 中查看文件更改?

How to watch for file changes in Loopback 4?

我有以下内容:

nodemon server/server.js --watch common --watch serve

这根本行不通。好吧,可能是因为 server/server.js 不存在!所以我尝试了以下方法:

nodemon index.js --watch common --watch serve

还是不行。我还将 common 更改为 src。那也没用。请帮我解决这个问题。

来自 LoopBack 团队的问候:)

LoopBack 4 应用程序使用不同的项目布局。它们是用 TypeScript 编写的,将 TypeScript 源代码存储在 src 中,并将转译的 JavaScript 文件存储在 dist 中。没有 commonserve(您是说 server 吗?)目录来观察变化。

仅观察源代码的变化是不够的,您还需要在重新启动应用程序之前从 TypeScript 重新编译为 JavaScript。

我们正在研究如何在开发中支持自动重新加载 LB4 应用程序的最佳方式,请订阅 issue #2242 中的讨论。

社区用户推荐了以下 nodemon 配置,应将其添加到应用程序的 package.json 文件中:

  "nodemonConfig": {
    "watch": [
      "src"
    ],
    "ext": "ts",
    "exec": "npm start"
  }

如果您还没有安装包 tsc-watch,请安装它:npm install -D tsc-watch

您可以在 package.json 中的 "scripts" 标签下添加此行:

"start:watch": "tsc-watch --target es2017 --outDir ./dist --onSuccess \"node .\"",

并使用 npm run start:watch 而不是 npm run start

它有助于自动检测任何源代码更改并重新启动服务器。

参考:https://github.com/strongloop/loopback-next/issues/2242#issuecomment-476866232

安装:npm install -D tsc-watch 在package.json进入“scripts”标签

"start:watch": "tsc-watch --target es2017 --outDir ./dist --onSuccess "node "", 并使用 npm 运行 start: watch 而不是 npm 运行 start.

自动编译源代码并在浏览器中显示更改。