像淘宝、csdn，前端中合并js或css中带“??”，如何实现的呢？

kekeme · 发表于 2022-7-26 11:04

访问淘宝时，如下：
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:36

本帖最后由 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 的文件内容合并后返回。

当年前端可谓是刀耕火种, 模块化方案都没有; 因此大厂都开始一路探索, 可到了如今, 这些已经被官方标准化了, 解决方案更是层出不穷;

如果需要实现代码合并, 拆包, 可以使用当今火热的构建工具即可, 例如: Webpack、Vite

最后再附上几个链接:

帐号		自动登录	找回密码
密码			注册[Register]

[求助] 像淘宝、csdn，前端中合并js或css中带“??”，如何实现的呢？