webpack有多个HtmlWebpackPlugin导致编译很慢问题

webpack多页面入口导致编译很慢问题

 

解决方法:

先在build/webpack.dev.conf.js或者build/webpack.prod.conf.js引入CommonsChunkPlugin

const CommonsChunkPlugin = require("webpack/lib/optimize/CommonsChunkPlugin");

 

再添加plugins中添加两个CommonsChunkPlugin,manifest和vendor,并在你的自定义页面模块引入'manifest','vendor',例如下面HtmlWebpackPlugin中的chunks: ['manifest','vendor','uptocomtest']:http://www.yayihouse.com/yayishuwu/chapter/2733

 

我如果不加这些配置编译要4分钟,加了之后只需1分30秒,如果还要优化就要把页面的共用js或者css抽取出来使用类似的方法引入

你可能感兴趣的:(webpack有多个HtmlWebpackPlugin导致编译很慢问题)