像淘宝、csdn,前端中合并js或css中带“??”,如何实现的呢?
访问淘宝时,如下:https://g.alicdn.com/??kissy/k/6.2.4/seed-min.js,kg/global-util/1.0.7/index-min.js,secdev/sufei_data/3.8.7/index.js
https://g.alicdn.com/??universal/polyfill/0.0.2/p/index/index.js,mtb/lib-env/1.9.9/env.js,mtb/lib-mtop/2.5.1/mtop.js
访问csdn时,如下:
https://g.csdnimg.cn/??lib/jquery/1.12.4/jquery.min.js,user-tooltip/2.7/user-tooltip.js,lib/qrcode/1.0.0/qrcode.min.js
https://g.csdnimg.cn/??lib/jquery/1.12.4/jquery.min.js,report/1.0.6/report.js
像这种整合资源技术,采用 egg.js 能够比较优雅的实现吗,还是采用 vue 搭建就能实现吗?还是说需要用 淘宝的框架 kissy 技术才比较好实现呢?不懂,有人研究过吗,请指教一下,谢谢
本帖最后由 alphaperson 于 2022-7-31 17:46 编辑
引用文档里面的一句话:
>
由于淘宝业务的复杂,为了提高代码的可维护性和重用性,KISSY 在早期就引入了简单的模块化机制,并且随着前端技术的发展而不断改进。 KISSY 1.3 的模块化机制与目前的 AMD 规范比较类似,并根据淘宝自身业务特点加入了自动 combo 功能。
>
注:combo 举例:请求 a.tbcdn.cn/??a.js,b.js 相当于把 a.tbcdn.cn/a.js 与 a.tbcdn.cn/b.js 的文件内容合并后返回。
当年前端可谓是刀耕火种, 模块化方案都没有; 因此大厂都开始一路探索, 可到了如今, 这些已经被官方标准化了, 解决方案更是层出不穷;
如果需要实现代码合并, 拆包, 可以使用当今火热的构建工具即可, 例如: (https://webpack.js.org/concepts/)、(https://cn.vitejs.dev/)
最后再附上几个链接:
- (https://docs.kissyui.com/1.3/docs/html/tutorials/kissy/overview/KISSY-In-Taobao.html)
- (https://docs.kissyui.com/)
- (https://webpack.js.org/concepts/)
- (https://cn.vitejs.dev/)
页:
[1]