Блог

Я пытаюсь уменьшить размер пакета vue, изменив импорт vue-apexcharts и vue-fusioncharts.

это импорт apexcharts:

 import VueApexCharts from 'vue-apexcharts';

components: {
        apexchart: VueApexCharts,
    },

 

Но я использую только два типа диаграмм.

И для диаграмм слияния:

 import VueFusionCharts from 'vue-fusioncharts';
import FusionCharts from 'fusioncharts';
import Widgets from 'fusioncharts/fusioncharts.widgets';
import FusionTheme from 'fusioncharts/themes/fusioncharts.theme.fusion';

Widgets(FusionCharts);
FusionTheme(FusionCharts);
Vue.use(VueFusionCharts, FusionCharts);

 

Я использую его только для одной диаграммы «hbullet», и он импортирует всю библиотеку.

диаграммы слияния
apexcharts

Vue version 2.6.12

Кто-нибудь знает, как я могу импортировать только те диаграммы, которые я хочу использовать, а не всю библиотеку.

Спасибо.

Вы можете использовать модульный импорт с FusionCharts, вот фрагмент ниже

 import VueFusionCharts from 'vue-fusioncharts';
import FusionCharts from 'fusioncharts/core';
import hbullet from 'fusioncharts/viz/hbullet';

// register VueFusionCharts component
Vue.use(VueFusionCharts, FusionCharts, hbullet);
 

Пожалуйста, обратите внимание, что это не будет работать для старых браузеров, таких как IE