vue详情页页面渲染慢

Question

vue 商品详情页渲染

只传一个id，然后调用接口，进行渲染，可是加载时间实在慢，请问是咋回事呢？如何解决呢？

相关信息

加载时间最慢的就是那个chunk，好像是打包时候用的，我这执行项目，就yarn serve启动的，还有那个红色的，stock的，是干啥的呢， 后台 koa写的接口，和那有关吗？

Answer 1

首先，你勾选了disable cache，所以我猜你是想让首次加载时间快，因为通常再一次加载的时候，一些资源文件是会缓存的，不会像首次这么慢。
好，那接下来就回答下问题：
一：你的chunk那么大是因为你把一些像vue/vue-router/vuex等等这些库文件都打包到一起了，因为它们被到处使用，所以打包的时候会放到一个chunk里，这块其实可以使用CDN的方式来加速库文件的加载。
二：你这个是开发环境下的，sock还有hot-update这些文件是用来辅助你热更新的，也就是你改完代码保存会自动更新代码的原因。这个在生产中是不会有的。

Answer 2

和后台关系不大，在前端进行优化。
chunk这个包太大了，一些模块按需加载，安装这个插件webpack-bundle-analyzer，可以看到各模块的大小。