关于echarts按需加载有些疑问?

如题,vue的项目,路由跳转进入页面的时候有点慢,原因是echarts加载,于是我想按需加载,网上也搜索了一下帖子,有如下这样的方式引入

var echarts = require('echarts/lib/echarts')
require('echarts/lib/chart/line')

我也试了下,但是感觉好像没什么明显变化,而且即使我把第二行的line注释了,图表一样能画出来,是我理解的方式不对还是不是这么按需引入的?

阅读 5.1k
1 个回答

你可以看下全部引用和按需引用打包后文件的大小,应该会有比较大区别。
对于打开慢,可以通过异步加载的方式解决。

require.ensure("echarts/lib/echarts", function() {
    var echarts = require("echarts/lib/echarts")
    require('echarts/lib/chart/line')
    
    ...
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进