vue-echarts-v3 在多个组件中使用（按需加载）体积很大，无法build打包？

Question

vue项目，使用vue-echarts-v3

• 在组件A中使用，引用方式如下：

import IEcharts from 'vue-echarts-v3/src/lite.js';
import '../theme/wonderland'
import 'echarts/lib/component/tooltip';
import 'echarts/lib/chart/pie';
import 'echarts/lib/chart/bar';
import 'echarts/lib/component/legend';

• 在组件B中使用，引用方式如下：

import IEcharts from 'vue-echarts-v3/src/lite.js';
import '../theme/wonderland'
import 'echarts/lib/component/tooltip';
import 'echarts/lib/chart/line';

• 同样的组件还有C，然后在dev环境下，可以正常运行并显示，但是多调试几次后，会经常出现内存溢出；build时，也发现文件体积过大，build卡死，node.exe占用内存不断上升。
• 请问这是什么原因，如何正确的引入？

Answer 1

1. 和这个组件无关，是我组件引用的方式有问题；
2. 项目中有个components文件：

3.在index.js中统一导出，在使用页面这样调用：

  import {
        recordList, recordDoc, projectDetail
    } from 'components'

    export default {
        components: {
            recordList, recordDoc, projectDetail
        },

4.导致每次都重复引入components中全部组件，造成项目体积成倍增长。
5.解决方法：在main.js中全局引入，各页面直接使用即可。