webpack中输出 bundle 的命名

webpack中输出 bundle 的名称主要有以下几种：

1、[hash]：模块标识符(module identifier)的 hash（可通过 [hash:6] 指定hash长度）。此时所有的bundle都有同样的名字，不利于缓存技术，且编译打包耗时多，因为一个小改动就会使得所有文件重新打包。

2、[chunkhash]：chunk 内容的 hash。每个bundle都有不同的名字。但是此时改动样式会引起整个bundle重新打包。使用插件ExtractTextWebpackPlugin可以把CSS文件从js中抽离出来，若用[chunkhash]css文件和js文件会有一样的hash值，任一文件改动都会引起另外的文件名发生改变，哪怕此时文件并没有发生改动。

3、[contenthash]：基于文件内容的hsah。在抽离了css文件的情况下建议用这种命名方式。

4、[name]：模块名称。

5、[id]：模块标识符(module identifier)。