reactjs 是否可以运行nodemon在前端发生变化时重启服务器?

qvtsj1bj  于 2023-03-08  发布在  React
关注(0)|答案(3)|浏览(130)

我对这个领域还比较陌生,所以如果这个问题是非常基本的,请原谅。我看过一些教程使用nodemon来监视文件,并在Nodejs的后端重启服务器。我还看到其他人使用webpack来监视文件,如在前端的create react app。你真的可以使用nodemon来监视文件并在前端刷新页面吗?

v7pvogib

v7pvogib1#

是的,我相信你可以用你的package.json脚本来设置它!例如,对于一个客户端文件夹中有create-react-app的节点服务器,你可以声明一个启动脚本,如下所示:

"start": "concurrently \"nodemon server.js\" \"cd client && nodemon start\""

然后,当您运行npm start时,将在服务器文件和客户端文件夹上运行nodemon
请注意,这里假设服务器文件名为server.js,客户端文件位于名为client的文件夹中,并且需要安装concurrently依赖项。

bnlyeluc

bnlyeluc2#

如果客户端文件夹中已经有create react app,则可以使用类似下面的代码。"server": "nodemon server.js", "client": "cd client && yarn start", "dev": "concurrently --kill-others-on-fail \"yarn server\" \"yarn client\""
Concurrently允许我们在一个终端上同时运行,也允许我们传递--kill-others-on-fail,这意味着如果一个中断(mac上的control + c),另一个也会中断

bvpmtnay

bvpmtnay3#

Nodemon主要用于使用Node.js进行后端开发,因为它可以监控服务器端文件的更改,并在发生更改时自动重启服务器。然而,Nodemon也可以用于前端开发,特别是在使用Webpack等工具构建和捆绑前端资产的情况下。
例如,如果您有一个使用Webpack编译JavaScript、CSS和HTML文件的前端项目,您可以使用Nodemon来监控源文件中的更改,并在检测到更改时自动触发项目的重新构建,这可以保存您的时间,并使您的前端开发工作流更高效。
也就是说,Nodemon不是一个特定于前端的工具,可能还有其他工具和框架更适合前端开发,这取决于您的特定需要和要求。

相关问题