vue 里按需引入iview和echart的問題

最近一直在考慮優(yōu)化項(xiàng)目體積的問題 之前都是在main.js文件里直接把iview和echart都引入了 然后在main.js里使用Vue.use注冊(cè)了這兩個(gè) 但是這樣導(dǎo)致打包的時(shí)候文件體積太大
實(shí)際上我只是在用了iview里的modal和tooltip模塊以及Echart的餅圖 我只想把我用到的這三個(gè)引入。但是有些問題還沒明白

一個(gè)是iview的 雖然只用了modal和tooltip 但是我在很多組件里都使用了modal這個(gè)彈框，可不可以在main.js里引入modal 然后在每個(gè)組件里使用呢 還是說只能在每個(gè)組件里單獨(dú)import這個(gè)modal

還有一個(gè)就是Echart的問題 雖然只是在一個(gè)組件里使用了Echart的餅圖 因?yàn)槲以趍ain.js里執(zhí)行了import iView from '，iview'Vue.prototype.$echarts = echarts ，Vue.use(iView)所以可以在組件里通過this.$echarts.init來初始化化 如果我不在main。js里去import iview的話 ，在組件里怎么初始化呢