我可以将 Node Pug 模板移动到 dist 文件夹并动态加载内容吗？

Question

我正在使用 parcel 和 babel。对于客户端，我使用了 React。在服务器端，我使用了 Node Express。

之前我通过路由器调用加载main.html 文件并将其作为res.sendFile(main.html) 发送到客户端。它用作 React 入口点。

但现在我必须使用 模板 (Pug) 而不是 main.html，因为我必须在客户端加载动态 javascript。所以我把 ma​​in.html 文件替换为 main.pug 文件，并通过 parcel build 将其移动到 dist 文件夹中。

现在我正在尝试将动态内容加载到位于 /dist 文件夹内的哈巴狗模板中。 是否可以这样做，因为一旦我构建项目，/dist/main.pug 文件没有"{}" 这些占位符？。我知道/dist 文件夹包含静态文件。在那种情况下，他们有办法实现这种情况吗？

我尝试加载 views/main.pug 文件，但在这种情况下，React 库没有加载并给了我

不能在模块外使用导入。

我尝试了针对该问题的其他答案，但没有奏效。所以我决定将main.pug 移动到/dist。现在 React 库正在加载，但不是动态内容。

Answer 1

最终，我决定使用views/main.pug 文件并在客户端加载相关脚本。一旦它在客户端加载，我的新服务器路由就会有一个新请求，它会传递public/main.html。这种方法会导致对服务器的一次额外调用。