前端项目打包优化,关于对象存储

问题遇到的现象和发生背景

项目打包之后,他打包好的静态资源和压缩好的js/css文件太大,项目启动太慢,我们同事说可以利用服务器的对象存储把这些静态资源配置部署到服务器的对象存储上,就只是相当于一个地址引用的区别,关于这方面我也是个小趴菜,也不太懂,所以想问一下大家,看有没有曾经遇到过这方面问题的兄弟,或者是研究过这方面的,盆友,可以帮我解决一下,或者是可以给我提出一个思路,一个解决方向, 这方面前端这方面如何配置,还是说需要后端去配置

遇到的现象和发生背景,请写出第一个错误信息
用代码块功能插入代码,请勿粘贴截图。 不用代码块回答率下降 50%
运行结果及详细报错内容
我的解答思路和尝试过的方法,不写自己思路的,回答率下降 60%
我想要达到的结果,如果你需要快速回答,请尝试 “付费悬赏”

我提供几个方法吧,望采纳!点击该回答右侧的“采纳”按钮即可采纳!!

步骤:将静态资源配置部署到服务器的对象存储上的步骤可以如下实现:

1.准备对象存储服务,比如使用阿里云的OSS或者腾讯云的COS等。

2.将项目打包后的静态资源文件上传到对象存储服务中。

3.修改项目的html、css、js文件,将静态资源的引用地址修改为对象存储服务中的地址。

4.重新部署项目,启动项目。

关于你说 (这方面前端这方面如何配置,还是说需要后端去配置)我觉得可以根据项目的后端框架以及对象存储服务的使用方式来决定是后端进行配置,还是前端直接使用html、css、js文件进行配置。

这个通俗来讲就是这样,例如你引用了一个 tree.js插件,这个时候,这个tree.js是在你本地的。打包时他会参与,所以打出的包会大。而你要做的是什么呢? 就是把这个tree.js放到服务器上, 以外链的方式去引用他。而不是把他放在项目里面。这样打出的包自然就小了。同理,css也适用。

<script src="服务器域名/trss.js"></script>