javascript - 如何在另一个库中更新后自动重启 Next.js 应用程序？

Question

我有一个带有两个应用程序的 monorepo：

• Web 应用程序 (Next.js)
• UI 库（Tailwind，使用Microbundle）

我设法让 Web 应用程序看到我对 UI 库所做的更改的唯一方法是：

• 做出改变
• 重建 UI 库（在这种情况下，我正在使用microbundle watch）
• 手动重启 Next.js 服务器

我的问题是：如何在每次重新创建其中的文件时自动重新启动 Next.js 服务器ui/dist（因为每次进行更改时都会重新构建它们）？

标签： javascriptnext.jsmonorepomicrobundle

Answer 1

您可以使用它nodemon来监视任何文件并重新启动节点应用程序，在此实例中为 Next.js 应用程序，当它们被修改时。

首先，nodemon.json在 Next.js 项目文件夹中创建一个包含以下内容的文件，相应地替换ui/dist文件夹的路径。

{   
    "ignore": ["node_modules", ".next"],
    "watch": ["path-to/ui/dist/**/*"],
    "ext": "js json",
    "exec": "next dev"
}

然后，您必须替换您的dev脚本才能运行nodemon。

"scripts": {
    "dev": "nodemon",
    ...
}