Question

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

它是为了什么？我没有找到任何有关其用例的解释。

谢谢。

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"
        })
        */
    ]
};

Answer 1

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

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

要将webpack引导逻辑解压缩到单独的文件中，请使用 CommonsChunkPlugin上的name entry未定义为manifest。常用使用名称<section class="slider"> <div class="x">slide1</div> <div class="x">slide2</div> <div class="x">slide3</div> <div class="x">slide4</div> <div class="x">slide5</div> <div class="x">slide6</div> </section>。

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

清单意思在chunkhash webpack中

1 个答案: