Webpack 网页包-如何在html中包含块文件？

我构建了一个react项目，并使用express运行生产

这是一项工作，但下一步我将使用optimization.splitChunks和webpack

optimization: {
    runtimeChunk: 'single',
    splitChunks: {
        chunks: 'all',
        maxInitialRequests: Infinity,
        minSize: 0,
        cacheGroups: {
            vendor: {
                test: /[\\/]node_modules[\\/]/,
                name(module) {
                    // get the name. E.g. node_modules/packageName/not/this/part.js
                    // or node_modules/packageName
                    const packageName = module.context.match(/[\\/]node_modules[\\/](.*?)([\\/]|$)/)[1];

                    // npm package names are URL-safe, but some servers don't like @ symbols
                    return `npm.${packageName.replace('@', '')}`;
                }
            }
        }
    }
}

现在我有多个包。例如main.cb042e4a129acc79cfb4.js、npm.axios.fa2892d5344ea2c206bf.js等

那么现在如何在index.html中编辑这一行呢？如何在index.html中包含这些文件

<script src="/dist/bundle.js"></script>

---

当您的Webpack构建使用散列ID吐出包/块时-并且您不使用例如这样的工具-您将需要某种源=>包映射

我使用的是，但不是Express

---

要点是-在服务器启动时，您必须阅读此

manifest.json

文件，并从该文件中的映射动态创建类似

的内容。

当您的Web包生成使用哈希ID吐出包/块时-并且您不使用例如这样的工具-您将需要某种源=>bundle映射

我使用的是，但不是Express

要点是-在服务器启动时，您必须阅读此

manifest.json

文件，并根据此文件中的映射动态创建类似

的内容