关于 cli 项目打包后JS文件过大问题
来源:8-2 vuex在项目中的应用(1)

慕的地7535986
2018-02-27
主要是引入了echarts 和 iview ,后来全部使用了按需加载。 之后还开启了
productionGzip: true ,虽然 build 后的js文件明显小了,但是首页加载还是需要比较长的时间。
实在没辙,老师有办法没有。。。想过在首页数据未加载完前先搞一个loading页,但不会搞- -。。。啊啊
写回答
1回答
-
fishenal
2018-02-27
我推荐使用“异步组件”讲js文件分割,参考
https://cn.vuejs.org/v2/guide/components.html#%E5%BC%82%E6%AD%A5%E7%BB%84%E4%BB%B6
new Vue({
// ...
components: {
'my-component': () => import('./my-async-component')
}
})异步载入的组件不会打包到main.js里
第二种解决办法是服务端渲染:https://cn.vuejs.org/v2/guide/ssr.html
通过nodejs把首屏拼出来,但对服务端要求过高。
00
相似问题