0%

Webpack 开启 preload / prefetch

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

1
npm install --save-dev preload-webpack-plugin

然后在 webpack 配置里面加上:

1
2
3
4
plugins: [
new HtmlWebpackPlugin(),
new PreloadWebpackPlugin()
]

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

1
2
3
4
5
6
plugins: [
new HtmlWebpackPlugin(),
new PreloadWebpackPlugin({
rel: 'prefetch'
})
]

欢迎关注我的其它发布渠道