前端Node JS的基本理解答案

【问题标题】：Fundamental Understanding of Node JS in the front end前端Node JS的基本理解
【发布时间】：2021-10-26 01:08:42
【问题描述】：

需要知道的一些事情：

我遇到了一个非常令人困惑的问题，我仍在解决它。我正在使用他们最新的 tree-shaking V9 SDK 制作一个 firebase 项目

import { initializeApp } from 'firebase/app';

我知道 Node JS 是为后端设计的（它不能在浏览器中运行），那么我应该如何将它“构建”成我可以在脚本标签中引用的东西？我听说过 webpack ，但这需要你运行 npm run build 那么这在任何方面都实用吗？这是否意味着我所做的每一个更改都必须构建它？

开发者测试：

如果 Node JS 不能在浏览器中运行，如何在 localhost 上实时预览这个 Node JS 应用程序？如果可能的话，我希望能够预览这个 Node JS 应用并快速做出改变。

【问题讨论】：

您可以使用命令node app.js 从终端启动您的app.js。随着服务器的运行，您可以使用浏览器来测试您的 GET 请求。 Postman 应用程序适用于您要测试的其他方法。

【解决方案1】：

我听说过 webpack，但这需要你运行 npm run build 那么这在任何方面有什么实用性呢？这意味着我所做的每一个改变都必须构建它？

是的，这是一般的想法。您对本地机器（或网络）上的脚本文件进行更改，然后为了看到更改生效，您重新构建应用程序以生成新的捆绑包。然后可以将此捆绑包托管在您的网络服务器或开发服务器上，一旦它存在，您就可以刷新页面以查看差异。

但几乎所有这些都可以自动化，因此根本不是一件苦差事。

Nodemon 是一种流行的工具，可以监视目录的更改，并且可以在检测到更改时运行 Node 脚本。例如，有了它，您可以对文件进行更改，然后它会自动重建您的应用。
特别是对于 Webpack，有 webpack-dev-server，它可以在应用重建时自动刷新页面。

因此，在开发过程中，工作流程可以很简单 - 进行更改，然后按 alt-tab 键进入浏览器（在 localhost 上托管应用程序）以查看更改。

为最终将它们托管在前端而构建的捆绑包可以轻松地合并 Node 模块 - 构建过程可以从模块中获取代码，并且生成的捆绑包可以包含该代码。这种事情非常普遍。

【讨论】：