webpack 关于资源打包引起的加载速度问题的疑问。

问题描述

问 题

今天刚开始学，有个问题请教一下各位大大。

webpack只有一个入口文件，用到的JS文件都会被加载进去，最后连CSS什么的一起打包成一个JS文件。

这样虽然减少文件的IO次数，但是打包的JS文件体积会不会有点大？第一次打开网页岂不很慢？

解决方案

这个webpack肯定是已经想到了, 目前的优化思路主要就是懒加载和缓存, 懒加载的策略有:

1. 入口文件分为多个entry(这个目前还没怎么用过)

2. code splitting, 把bundle分为多个节点组成的多个文件; 当需要时才加载相应的文件.

缓存方面:

1. 将bundle分为client和vendor, 即经常变动的开发者代码和不怎么更新的库, 框架代码. 这样客户端代码需要更新的话不会更新整个bundle, 只需要更新开发者代码即可.

这篇关于webpack 关于资源打包引起的加载速度问题的疑问。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！