浅析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'
},

的简写。

 

转载于:https://www.cnblogs.com/wzndkj/p/10708573.html