Question

在这个简单的反应服务器渲染示例中：

app.use('/index.html', (req, res) => {
const initialState = parseInt(req.query['start-from'] || '0')
const store = createStore(initialState)
const Root = rootFactory(store)
res.send(`
<html><body>
<div id="root">${ReactDomServer.renderToString(<Root/>)}</div>
<script>window.__INITIAL_STATE__ = 
${JSON.stringify(store.getState())}</script>
<script src="main.js"></script>
</body></html>`)

查看我所在的行： src =＆＃34; main.js＆＃34; 。但在生产中，webpack内部版本号被添加到文件名中，如“main.f44afe24.js” 如何在服务器端植入正确的内部版本号？

Answer 1

您需要从Webpack统计信息中读取修订后的文件名，这些文件名可以在编译时使用this或this等插件写入磁盘。

官方文档可在long term caching

下找到

React server side render - 如何从WebPack获取构建号以引用bundle.js？

1 个答案: