Webpack 什么是';块';CLI输出中的平均值?

Webpack 什么是';块';CLI输出中的平均值?,webpack,frontend,commonschunkplugin,Webpack,Frontend,Commonschunkplugin,我运行的命令: $ webpack --config webpack.config.js -p --progress 这就是我得到的结果。chunk是什么意思?为什么它们有时会改变? 如果我理解正确,块越多越好 但我看不到同样数量的文件。如果每个入口点都有0-1-2个块,那么块的文件在哪里?我只有入口 许多 单身 我的WP配置: module.exports = { context: path.resolve(__dirname, '..'), entry: {

我运行的命令:

$ webpack --config webpack.config.js -p --progress
这就是我得到的结果。
chunk
是什么意思?为什么它们有时会改变? 如果我理解正确,块越多越好

但我看不到同样数量的文件。如果每个入口点都有0-1-2个块,那么块的文件在哪里?我只有入口

许多

单身

我的WP配置:

module.exports = {
    context: path.resolve(__dirname, '..'),
    entry: {
        index: 'index.wp',
        home: 'home.wp',
        vendors: [
            'react',
            'react-dom',
            'querystring',
            'react-router',
        ]
    },
    output: {
        path: path.resolve(__dirname, '_distro_'),
        publicPath: '/',
        filename: '[name].[chunkhash:5].js',
        pathinfo: true,
        chunkFilename: 'chunk-[name].[chunkhash].js'
    },
    plugins: [
        new webpack.optimize.CommonsChunkPlugin({
            names: ["vendors", 'index', 'home'],
            minChunks: 1 // << I play with this value and # of chunks change
        }),
    ],
}
module.exports={
上下文:path.resolve(uu dirname,…),
条目:{
索引:“index.wp”,
home:'home.wp',
供应商:[
“反应”,
“反应dom”,
“查询字符串”,
“反应路由器”,
]
},
输出:{
path:path.resolve(uu dirname,u distro'),
公共路径:“/”,
文件名:'[name].[chunkhash:5].js',,
是的,
chunkFilename:'chunk-[name].[chunkhash].js'
},
插件:[
新建webpack.optimize.commonChunkPlugin({
名称:[“供应商”、“索引”、“主页”],
minChunks:1//webpack中的块是什么?
由于webpack创建了所有依赖项的依赖关系图,它需要一种方法[和格式]将此信息输出到磁盘。由于图形很难以文件格式表示,webpack使用了一种称为“块”的封装。块只是一个模块数组,当“呈现”时,它会输出包

然而,一个块也有它自己的图形。当您引用构建输出中提到的ID时,这说明了一个块和另一个块之间的依赖关系

例如,当您使用代码拆分时,webpack将创建一个单独的块,该块将异步加载

但现在这意味着有两个捆绑包,它们必须以正确的方式加载:

[Chunk (parent)] 
    ====> [Chunk (depends on existence of parent for this to load)]

ID是父子关系,允许像html webpack plugin这样的插件知道将包注入html的顺序。我们称之为“块图”。您可以在

上了解有关此信息的更多信息。谢谢。您也可以回答此问题吗