Webpack 开启 preload / prefetch

首先你需要 Webpack 3.x 才可以完整的拥有这些功能,然后安装 preload-webpack-plugin

然后在 webpack 配置里面加上:

上面的代码会执行默认设置,所有动态加载的内容会以 preload 的形式加载,但这样会报 warning,并且也是非必要的,所以我们稍作修改,使用 prefetch 的方式,闲时加载:

升级 Webpack 至 3.x

把 Webpack 从 2.x 升级到 3.x 以后,发现 HMR 无法正常使用了,每次修改文件,页面都会通过 reload 的方式来刷新内容,而不是 Module Replacement 的方式,搜了一大圈,找到办法,注释掉下面的配置即可(via):