关于 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把首屏拼出来,但对服务端要求过高。


0
0

最容易上手的Vue2.0入门实战教程

快速入门Vue2.0,组件化开发一个数字产品电商平台

3966 学习 · 999 问题

查看课程