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

时间:2019-10-18 07:49:23

标签: javascript webpack webpack-4

我有一个相当简单的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 个答案:

答案 0 :(得分:0)

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

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

基本上,它会生成一个清单JSON文件,将文件及其哈希名称链接在一起,因此可以在服务器端进行解析,然后再传递内容。