1

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

唯一的问题是,我找不到有关如何呈现自定义 html 同时还webpack-dev-middleware用于 watch 和 compile的信息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-middlewarefor时保留/使用它bundle.js,因为我试图做的只是app.use按照webpack-dev-middleware上面的代码片段之前添加,尽管它不起作用,失败并出现 bundle.js 的错误错误的 MIME 类型text/html,因此无法执行。


编辑

的服务器端渲染选项webpack-dev-middleware是实验性的,而不是我正在寻找的,我不需要 rawbundle.js与 html 一起发送。

4

0 回答 0