关于vue项目的优化疑惑
来源：3-5 避免重绘【必学，加速页面呈现】
Boy越越
2020-08-19
公司的vue项目是以前离职同事通过vuecli4搭建的，是一个多页单页混合的项目，就是目录里分文件夹，每个文件夹是一个页面（多页），每个页面又是一个单页应用。
现在里边引入大量ui库和其他插件，打包也不好打。
比如说，怎么让一些特定的文件夹下的页面快速加载，这个页面可能是多页中的一页，也可能是个单页应用。
请问有什么可以优化建议或者方向吗？
写回答
1回答
-
同学你好！
这种多页结构的好处就是可以复用库和引用，但前提是你的多页(或者说多个应用)应该是几乎相同的架构。如果按照你的描述现在的工程是强行把多个应用合在一起，每个应用又有很多自己特有的依赖引用，那就是一个完全错误的架构设计，整个项目需要尽快重构。
即使是目前这种情况，咱们课里讲的大的优化原则还是适用的。首先你肯定要针对路由进行按需加载的优化，即使是多页，它也是通过路由控制的，访问哪里加载那里需要的东西。然后就是更细粒度的可复用的组件，无论这些组件是不是跨页面的，如果它会被复用，你都可以考虑将他们进行动态加载。
关于ui库的问题，我现在理解你另外一个cdn的问题里所讲要对ui库单独进行按需加载，也是因为现在的这个工程结构引起的。建议尽快重构拆分工程，把各个『页面』拆分成独立工程，方便扩展和维护。
112020-08-20
相似问题