webpack打包时html-webpack-plugin不自动的引用CommonsChunk

Question

webpack打包的时CommonsChunkPlugin抽出的公共js和css文件，html-webpack-plugin渲染出的html不自动的引用公共文件。

用wewbpack构建多页应用，每个页面单独一个入口js文件，用很多公共代码所以用了CommonsChunkPlugin对公共代码进行抽取，设定超过2次引用则抽取

但是当用了html-webpack-plugin渲染html时，如果某个文件被抽取成公共代码，则渲染后html则不会包含公共代码。

弄了一中午没有搞定，还望各位大神指点

源代码在这里：http://pan.baidu.com/s/1qXDVeAo

Answer 1

原因是因为你在html-webpack-plugin的参数里指定了chunks参数却又没有把CommonChunk包含在内。把你的CommonChunk（在你的例子里叫library）加进chunks里就好了，比如例子里的chunks:["library", "aboutApp","library.js"]