1

Webpack を使用して JS をコンパイルし、それを Expressbundle.js経由で送信されたテンプレート文字列を介してロードします。

webpack-dev-middleware唯一の問題は、監視とコンパイルにも使用しながら、カスタム html をレンダリングする方法に関する情報が見つからないこと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ません. MIME タイプが間違っているため、実行できません。app.usewebpack-dev-middlewaretext/html

編集

のサーバー側レンダリング オプションwebpack-dev-middlewareは実験的なものであり、私が探しているものではありませんbundle.js。HTML で送信するために raw は必要ありません。

4

0 に答える 0