如何使用webpack-dev-middleware将自定义变量呈现为HTML?

时间:2017-10-12 10:57:03

标签: javascript express webpack webpack-dev-middleware

我使用Webpack编译我的JS,然后通过快递发送的模板字符串通过bundle.js加载。

唯一的问题是,我无法找到有关如何呈现自定义html的信息,同时还使用webpack-dev-middleware来观看和编译bundle.js

我的HTML将使用以下代码发送:

app.use('*', (req, res) => {
    res.send(`
      <!DOCTYPE html>
      <html lang="en">
        <head>
          <meta charset="utf-8" />
          <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
          <title>Title</title>
        </head>
        <body>
          <noscript>
            You need to enable JavaScript to run this app.
          </noscript>

          <div id="main"></div>

          <script type="text/javascript">window.__userData=${JSON.stringify(req.user)}</script>
          <script src="/bundle.js" type="text/javascript"></script>
        </body>
        </html>`);
});

所以,我不知道如何在webpack-dev-middleware使用bundle.js时保留/使用此功能,因为我尝试做的只是按{{1}添加app.use在上面的代码片段之前,尽管它不起作用,但是bundle.js的错误是错误的mime类型webpack-dev-middleware失败,因此不可执行。

修改

text/html的服务器端呈现选项是实验性的而不是我正在寻找的,我不需要原始webpack-dev-middleware来发送html。

0 个答案:

没有答案