javascript - spa应用要拆分首屏该怎么做？
这里用的是uniapp，打包后，公共文件都在首屏加载，造成首屏白屏时间巨长。能否将首屏拆分，或者公共包拆分，首屏只加载自己需要的公共包和页面包，其他页面的公共包和页面包都使用懒加载解决？webpack这个怎么拆包？
共有2个答案
？这个优化一般不是公司的架构做好的吗
我个人只记得 webpack 的打包优化走一轮
1.静态资源放外链
2.代码压缩
OptimizeCSSPlugin
CompressionWebpackPlugin
好像是 3.x 的写法，4/5 已经换点了
3.import 加载路由 vue 里面可以，uniapp 不熟
uniapp 不熟，webpack 就不难，直接使用路由懒加载即可。
另外就是把一些首页用不到的，比较大比较独立的仓库拆出来，需要的时候再加载。比如富文本编辑器、图表（各种chart）都可以这么做。
如果项目支持 ESM 的话，那就更容易，前面说的仓库使用公共 CDN 加载也可以。
-
本文向大家介绍SPA首屏加载速度慢的怎么解决？相关面试题，主要包含被问及SPA首屏加载速度慢的怎么解决？时的应答技巧和注意事项，需要的朋友参考一下 1.通过Gzip压缩 2.使用路由懒加载 3.利用webpack中的externals这个属性把打包后不需要打包的库文件都分离出去，减小项目打包后的大小 4.使用SSR渲染
-
本文向大家介绍Vue SPA单页应用首屏优化实践，包括了Vue SPA单页应用首屏优化实践的使用技巧和注意事项，需要的朋友参考一下 1.代码压缩(gzip) 如果你用的是nginx服务器，请修改配置文件(其他web server 类似)：sudo nano /etc/nginx/nginx.conf 在Gzip Settings里加入： gzip 开启或者关闭 gzip 模块，这里使用 on 表示
-
下面是 vue 组件下的代码 发现 canvas 压根没有渲染出来 这是官方示例 上面使用了全部引入的方式,也使用了 use 的按需引入的方式,也是无法正确渲染出 canvas 元素。 这是使用的版本 请问在 vue 中应该怎么使用 echarts-gl
-
怎么用1920的屏幕 做5760px设计图呀？还需要自适应
-
上传文件的功能是后端来做 点击浏览按钮能弹出选择的文件夹 点击上传的按钮需要调接口完成上传功能 下面是定义的接口和后端postman截图 只要传一个path就可以了，请问应该在Upload方法里面怎么调用接口把需要上传的文件传给后端呢
-
本文向大家介绍浅谈Vue SPA 首屏加载优化实践，包括了浅谈Vue SPA 首屏加载优化实践的使用技巧和注意事项，需要的朋友参考一下 写在前面 本文记录笔者在Vue SPA项目首屏加载优化过程中遇到的一些坑及优化方案！ 我们以 vue-cli 工具为例，使用 vue-router 搭建SPA应用，UI框架选用 element-ui ， ajax方案选用 axios, 并引入vuex ，使用 vu