我正在使用包裹和babel。对于客户端，我使用了React。在服务器端，我使用了Node Express。
以前，我是通过路由器调用来加载main.html文件的，并以res.sendFile(main.html)的形式发送到客户端。它充当了React入口点。
但是现在我必须使用template（Pug）而不是main.html，因为我必须在客户端加载动态JavaScript。因此，我将main.html文件替换为main.pug文件，并通过宗地构建将其移至dist文件夹。
现在，我正在尝试将动态内容加载到位于/dist文件夹内的哈巴狗模板中。 是否有可能这样做，因为一旦构建项目，/dist/main.pug文件就没有"{}"这些占位符了？。我知道/dist文件夹包含静态文件。在那种情况下，他们有什么办法实现这种情况？
我尝试加载views/main.pug文件，但在这种情况下，React库未加载并给了我
不能在模块外部使用导入。
我尝试了对该问题的其他答案，但没有用。因此，我决定将main.pug移至/dist。现在，React库正在加载，但不是动态内容。
最后，我决定使用views / main.pug文件，它将文件加载到客户端。一旦将其加载到客户端，便向我的新服务器路由发送了一个新请求，并发送了public / main.html。在这种方法中，对服务器有一个额外的调用。