H5W3
当前位置:H5W3 > 其他技术问题 > 正文

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

最近一直在考虑优化项目体积的问题 之前都是在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的话 ,在组件里怎么初始化呢

回答:

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

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

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

回答:

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

本文地址:H5W3 » vue 里按需引入iview和echart的问题

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址