Webpack HTML模板应该在文件名中有哈希吗?

Question

我是Webpack捆绑node.js应用的新手。我知道文件名中的哈希值有助于用新内容更新浏览器缓存。

假设我有以下HtmlWebpackPlugin配置和快速路由:

// webpack.front-end.config.js
plugins: [
new HtmlWebpackPlugin({ minify, template: path.resolve('./src/index.html'), filename: 'index.[hash].html', chunks: ['home'] })
]
// server.js
app.get('/', (req, res) => {
res.sendFile('index.abc1234.html');
});

然后我改变index.html中的内容，生成index.def3456.html。

我如何写我的快车路线或改变我的webpack配置，这样我就不必在每次我改变index.html内容时改变res.sendFile()调用中的文件名?我甚至应该在index.html的文件名中有哈希吗?我知道我可以将meta标签放在index.html中以避免浏览器缓存，但这似乎会降低性能。

Answer 1

在这里使用散列没有意义。客户端不直接请求html文件，所以你给文件起什么名字并不重要。客户端只看到/端点。