搜索

首页  >  问答  >  正文

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

我的想法:

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

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

巴扎黑巴扎黑2755 天前487

全部回复(1)我来回复

  • 过去多啦不再A梦

    过去多啦不再A梦2017-05-19 10:42:52

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

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

    回复
    0
  • 取消回复