React 服务器端渲染 - 如何从 WebPack 获取内部版本号以引用 bundle.js？答案

【问题标题】：React server side render - How to get the build number from WebPack to reference bundle.js?React 服务器端渲染 - 如何从 WebPack 获取内部版本号以引用 bundle.js？
【发布时间】：2017-02-14 13:17:19
【问题描述】：

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

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="main.js"。但是在生产中，webpack build 号被添加到文件名中，就像 “main.f44afe24.js” 如何在服务器端在这里种植正确的内部版本号？

【问题讨论】：

标签： reactjs webpack server-side-rendering

【解决方案1】：

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

官方文档可以在long term caching下找到

【讨论】：