浅析webpack打包输出内容

当我们执行npm run bundle的时候输出了很多信息,那么这些信息都是什么意思呢

Hash: 221e7fd2e8bf82149df7
Version: webpack 4.30.0
Time: 141ms
Built at: 2019-04-15 06:37:26
Asset Size Chunks Chunk Names
bundle.js 1.38 KiB 0 [emitted] main
Entrypoint main = bundle.js
[0] ./src/index.js 159 bytes {0} [built]
[1] ./src/header.js 203 bytes {0} [built]
[2] ./src/sidebar.js 210 bytes {0} [built]
[3] ./src/content.js 209 bytes {0} [built]

Hash:代表本次打包唯一一个hash值。

version,这次使用的webpack打包版本是4.30.0这个版本

time:当前包整体打包耗时

asset:这个字段下面是bundle.js,他表示的是,我们打包出了一个bundle.js文件。

size: 表示这个文件大小是1.38kb

chunks: 打包文件的id,现在只有一个bundle.js打包文件,有多个的时候,会有多个不同的chunk

Chunk Names: 打包文件的名字。

这个main是怎么来的,配置文件里面并没有这个main,实际上

entry: './src/index.js',

entry: {
    main: './src/index.js'
},

的简写。