最近的项目中为了能够提升那么一丢丢性能,尝试了一下对 chunks 进行预加载处理。虽然做了异步加载的处理,但是项目大小决定了还是有多个异步的 chunk.js 需要进行预加载,这里我指的是 preload与A webpack plugin for injecting into HtmlWebpackPlugin pages, with async chunk support
使用大致如下,具体参考其文档:config = rewirePreloadPlugin(config, env, {
rel: 'preload',
include: 'initial',
as(entry) {
if (/\.(css|less)$/.test(entry)) return 'style';
if (/\.woff$/.test(entry)) return 'font';
if (/\.(png|jpg|jpeg|svg)$/.test(entry)) return 'image';
return 'script';
}});
复制代码
这个插件对字体元素( woff ),自动加了跨域:
源码:
const crossOrigin = asValue === 'font' ?