React.lazy: https://zh-hans.reactjs.org/docs/react-api.html#reactlazy
React.Suspense: https://zh-hans.reactjs.org/docs/react-api.html#reactsuspense
- minSize: 只有到目标文件超过这个minSize时才会分包。
- cacheGroups: 可以对某个第三方包进行单独分离出来
例如:
splitChunks: {
minSize: 300 * 1024,
chunks: 'all',
name: 'aaa',
cacheGroups: {
jquery: {
name: 'jquery',
test: /jquery\.js/,
chunks: 'all'
}
}
}
懒加载 React 长页面 - 按需渲染组件:https://blog.51cto.com/u_15492153/5135136
图片懒加载实现: