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

 

posted @ 2019-04-15 07:05  wzndkj  阅读(824)  评论(0编辑  收藏  举报