webpack打包时终端参数各代表什么意思？

Question

如图可见，webpack的打包信息，在上图中，asset代表打包后的文件名，size代表文件大小，那么其他的是什么意思，Chunks是什么意思？0,4|1,4|2,4|3,4|4各是什么意思，后面的chunk Names是什么意思？下面的那些信息又是什么意思，那些带颜色的是什么意思（emitted，built）？

新手，求前端大神不吝赐教，万分感谢！

Answer 1

建议题主在配置中开启stats:'detailed'（用这个其实日志更有条理）或stats:'verbose'，获取更详细的构建日志，这样能看到更多的构建细节。

顶部的那部分，表示构建输出结果

• asset列 - 指构建后输出的资源文件，名称由filename的配置决定，如可能是[name].[hash].js这样子
• size列 - 指构建后输出的资源文件的大小
• emitted列 - 指文件被输出
• Chunk Names列 - 指这个构建块的名称，即各个chunk块输出期间chunk块名称，比如entry配置项里定义的入口名称、CommonsChunkPlugin里定义的名称等等
• Chunks列 - 表示有每个入口chunk中有哪些模块也被当成了入口chunk处理

底部的部分，表示构建输出过程

构建过程如下：
因为没有使用详细的日志输出，所以解释上会少了一些细节，我做适当的补充。

最左边的数字表示构建过程处理每个模块顺序（每次构建都会因为你代码中模块引入的顺序随时改变）
黄色数字那块表示当前资源chunk块里被用到过，如果被多个chunk用到，那么这里就会是多个数字
绿色built表示它是构建过程的一部分