vue 里按需引入iview和echart的问题

Question

最近一直在考虑优化项目体积的问题 之前都是在main.js文件里直接把iview和echart都引入了 然后在main.js里使用Vue.use注册了这两个 但是这样导致打包的时候文件体积太大
实际上我只是在用了iview里的modal和tooltip模块以及Echart的饼图 我只想把我用到的这三个引入。但是有些问题还没明白

一个是iview的 虽然只用了modal和tooltip 但是我在很多组件里都使用了modal这个弹框，可不可以在main.js里引入modal 然后在每个组件里使用呢 还是说只能在每个组件里单独import这个modal

还有一个就是Echart的问题 虽然只是在一个组件里使用了Echart的饼图 因为我在main.js里执行了import iView from '，iview'Vue.prototype.$echarts = echarts ，Vue.use(iView)所以可以在组件里通过this.$echarts.init来初始化化 如果我不在main。js里去import iview的话 ，在组件里怎么初始化呢

Answer 1

1. 按需引入 iview https://www.iviewui.com/docs/...

2. 按需引入 echarts https://github.com/ywwhack/ba...

最后建议，把这些需要按需加载的模块放到统一放到一个文件里，后面好维护

Answer 2

独立文件维护按需加载组件：https://juejin.im/post/5afd41...