chunkhash webpack 中的清单含义

【问题标题】：Manifest meaning in chunkhash webpackchunkhash webpack 中的清单含义
【发布时间】：2017-12-21 13:19:39
【问题描述】：

我正在学习 webpack 以及如何使用 chunkhash 功能。在 github 上的这个示例中，它在插件中使用了“清单”名称。

它是干什么用的？我没有找到任何关于它的用例的解释。

谢谢。

var path = require("path");
var webpack = require("../../");
module.exports = {
    entry: {
        main: "./example",
        common: ["./vendor"] // optional
    },
    output: {
        path: path.join(__dirname, "js"),
        filename: "[name].[chunkhash].js",
        chunkFilename: "[chunkhash].js"
    },
    plugins: [
        new webpack.optimize.CommonsChunkPlugin({
            names: ["common", "manifest"]
        })
        /* without the "common" chunk:
        new webpack.optimize.CommonsChunkPlugin({
            name: "manifest"
        })
        */
    ]
};

【问题讨论】：

标签： javascript webpack webpack-2 commonschunkplugin

【解决方案1】：

晚会有点晚了，但我刚刚偶然发现了你的问题。此配置会将 webpack 的运行时和清单数据提取到单独的块中。

这里描述了行为https://webpack.js.org/plugins/commons-chunk-plugin/#manifest-file：

要将 webpack 引导逻辑提取到单独的文件中，请使用 CommonsChunkPlugin 位于未定义为 entry 的 name 上。通常使用名称manifest。

您可以在 https://webpack.js.org/concepts/manifest/ 阅读有关清单的更多信息，而将其提取到单独文件的原因在此处进行了很好的解释：https://medium.com/webpack/predictable-long-term-caching-with-webpack-d3eee1d3fa31 和此处：https://webpack.js.org/guides/caching/（这是改进供应商块的可预测命名所必需的它们的缓存）。

【讨论】：