使用javascript作为快速视图引擎

在我的react应用程序中，我目前已将hbs设置为查看引擎。“我的视图”文件夹有几个hbs文件

我现在在我的应用程序js中有以下内容

// View engine
app.engine(
  'hbs',
  hbs({
    extname: 'hbs',
  })
)

app.set('view engine', 'hbs')

问题： 我想使用一个UI框架，比如MaterialUI。我需要能够使用以下语句：

import Button from '@material-ui/core/Button';

我想这在车把上是不可能的。因此，我需要将所有视图切换到javascript。我怎样才能摆脱hbs，在我的视图文件夹中使用javascript来处理页面

以下是我的家庭hbs视图示例：

{{> nHeader }}



 <div class="fullscreen_cover cover1">
    <div class="welcomer">
        <h1 class="mb-3 lead">
            This is my home page
        </h1>

    </div>
  </div>


{{> footer }}

{{>nHeader}
这是我的主页
{{>页脚}

您不能这样做，因为这是不可能的。实际上，您想要的是将一个HTML文件和一个关联的捆绑包作为

标记提供给您的react应用程序

然后用户加载此html文件和JS文件。JS包是您的react应用程序，它负责在应用程序状态更新时重新提交DOM

---

对于捆绑，您应该使用类似的东西。

“在我的视图中使用javascript”这到底意味着什么？HBS是javasript。如果它使用把手，这是一个如何反应的应用程序？hbs是javascript吗？我不知道。见上面我的哈佛商学院代码。。这看起来像js吗？如果您需要React服务器模板，请将其用作视图引擎。这不仅仅是“javascript”。这是React应用程序。我使用webpack和捆绑js来处理其余的Java脚本。对于我正在使用hbs的视图。。所有Java脚本都使用webpack绑定。。您能告诉我如何将视图更改为javascript吗？我无法想象每个人都在使用模板引擎…你可以把你的视图引擎留在哈佛商学院。您只需将捆绑脚本添加到index.html中，当用户向您的主URL视图引擎发出请求时，javascript不存在，React不使用视图引擎，它只是在引擎盖下使用JS更新DOM，从而更新您的用户界面。我看到了，所以我应该简单地删除视图文件夹。。并在我的js文件中创建模板。。对的我添加了一个家庭hbs的样本。模板是在前端完成的。当您将index.html和react捆绑包发送到客户端时，浏览器将在前端而不是后端呈现它。因此不需要viewengine。