CSS和JS的打包粒度如何划分比较合理

Question

我的想法:

1. 要引入的核心依赖和库全部打包成一个
2. 每个组件独有的部分打包成一个
3. 共享的打包成一个

但是这样似乎粒度太细, 请求也还是比较多. 想问一下大家, 平时都是怎么做的.

Answer 1

没有绝对的规矩，样式文件和JS文件同理。从以下几点考虑吧
1、打包从项目模块角度出发，一个模块的代码打包在一起，公用部分打包在一起
2、要考虑打包后文件大小，太大的不利于文件请求，需要在细化分开打包，如果引用依赖较多，打包在一起2-3M显然太大了
3、同时也要考虑打包出来的文件数量，太多了同样会拖慢加载速度，不过这点一般没多大问题，打包之后不会有太多包
4、如果是懒加载，那么打包分的太细也没多大影响，做好对每个文件的管理就好

我的做法是大项目一个模块一个包，公用部分单独拎出来，单次加载文件数三十四、四五十；小项目干脆打包到一起，压缩后文件大小尽量控制在五六百K以内