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

问题描述 投票:0回答:1

我有一个相当简单的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似乎不是最优化的解决方案。

javascript webpack webpack-4
1个回答
0
投票

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

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

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

© www.soinside.com 2019 - 2024. All rights reserved.