我有一个相当简单的Webpack 4配置,它会生成多个具有其自身哈希值的JS文件。
JS的示例:
entry: {
build: './public/js/main.dev.js',
vueApp: './public/js/vueApp/main.js'
},
output: {
path: path.resolve(__dirname, './public/build'),
publicPath: '/',
filename: '[name].[contenthash].js'
},
现在,为了使用服务器端渲染,我需要以某种方式从webpack导出当前contenthash值,然后将其生成。有没有一种干净的方法来实现这一目标?我已经尝试过使用html-webpack-plugin生成HTML文件,但是在每个渲染器上解析其他HTML似乎不是最优化的解决方案。
好,所以我找到的最接近答案的是Webpack manifest插件:
https://www.npmjs.com/package/webpack-manifest-plugin
它基本上会生成一个清单文件JSON文件,将文件及其哈希名称链接在一起,因此可以在服务器端将其解析,然后再交付内容。