chunkhash webpack中的清單含義

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引導邏輯到一個單獨的文件中，在其上不被定義爲一個entryname使用 CommonsChunkPlugin。通常使用 名稱manifest。

您可以在https://webpack.js.org/concepts/manifest/閱讀更多有關清單，而它解壓到一個單獨的文件中原因很好解釋在這裏：https://medium.com/webpack/predictable-long-term-caching-with-webpack-d3eee1d3fa31這裏：https://webpack.js.org/guides/caching/（必須爲廠商塊的預測的命名，以提高自己的高速緩存） 。