Filename和chunkFilename的区别

Output：有两个配置filename和chunkFilename

Filename：打包同步代码

chunkFilename：打包异步代码

 

配置如下：

1、filename:'js/[name].[hash].js':

Hash:是根据整个项目来构建,项目构建使用同一个hash， 任何文件改动， 所有hash都会改变

 

2、filename:'js/[name].[chunkhash].js'

Chunkhash：根据入口文件(Entry)进行依赖文件解析，对每个模块构建对应chunk，生成对应的hash。

1. 比如有两个文件Home，About；

 Home中同步引入header和footer两组件。

当Home改变代码，打包的时候，Home文件Chunkhash会改变，入口文件index的Chunkhash会改变。

当header代码改变，Home的Chunkhash也改变，入口文件index的Chunkhash会改变。

Home中同步引入header和footer两组件。Webpack会将header和footer分别打包，如果header改变了，header自身Chunkhash会改变，如文件index也会改变

1. css的打包会特殊一点：一般使用contentHash