我使用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。