浅析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' },
的简写。