为了账号安全,请及时绑定邮箱和手机立即绑定

如何为 Webpack 4 中的每个输出导出 contenthash 值?

如何为 Webpack 4 中的每个输出导出 contenthash 值?

拉风的咖菲猫 2021-11-25 15:38:26
我有一个相当简单的 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 似乎并不是最优化的解决方案。
查看完整描述

1 回答

?
慕斯709654

TA贡献1840条经验 获得超5个赞

好的,所以我找到的最接近答案的是 Webpack 清单插件:

https://www.npmjs.com/package/webpack-manifest-plugin

它基本上会生成一个清单 JSON 文件,将文件及其散列名称链接在一起,因此可以在交付内容之前在服务器端对其进行解析。


查看完整回答
反对 回复 2021-11-25
  • 1 回答
  • 0 关注
  • 171 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信