前端之家收集整理的这篇文章主要介绍了
连接所有JavaScript文件(包括供应商)是否有任何缺点,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_
404_0@
为了最大限度地减少对我的服务器发出的请求数量并缩短加载时间,我考虑连接所有的JS文件,包括像angular,jquery-ui这样的供应商js文件……
这是一种常见的做法,但我经常看到网站不包含他们的供应商JS文件在同一个JS文件中.我知道很多站点都使用CDN来重用其他页面可能使用过的JS文件的缓存版本.但是,有时,它们是在同一服务器上提供的独立供应商JS文件,例如在Github上:
Github有:
>包含Modernizr,jQuery的Frameworks.js
> github -… js包含来自Github本身的JS.
有没有特别的理由这样做?它们是否会出现因为您连接所有JS文件而出现的问题?
主要原因是最小化http请求的
数量.在一个更大的项目中,如果你使用像MV *这样的模式,你可能想要在外部.js
文件中抽象每个模块.例如,这可能导致许多
文件30-40.在这种情况下,您可能希望将其连接到单个
文件中.
在一个较小的项目中,您将拥有3-4个js文件,然后使用没有连接.我使用requirejs将模块定义为AMD,并将每个模块都放在外部文件中.然后我使用requirejs构建脚本来管理依赖关系和连接的部署文件.
自动化此过程的好工具
> RequireJS
> GruntJS