Импортировать только определенные компоненты в ответ

Question

Я работаю над веб-проектом с реакции.
Как я могу импортировать только 3 компонента из библиотеки.
Я использовал:

import Line, Bar, Doughnut from 'react-chartjs-2';

выдает ошибку.

import Line from 'react-chartjs-2';
import Bar from 'react-chartjs-2';
import Doughnut from 'react-chartjs-2';

все элементы Line, Bar и Donut действуют как элементы Donut.

С помощью

import {Line, Bar, Doughnut} from 'react-chartjs-2';

загружает всю библиотеку, чего я не хочу

ПРИМЕЧАНИЕ: я использую этот импорт в нескольких файлах.

Answer 1

Речь идет о том, как автор строит, упаковывает, экспортирует компоненты / модули / классы.

Взгляните на gulpfile.js и / lib ofact-chartjs-2, вы увидите, что каждый класс не был экспортирован как модуль ( CommonJS), поэтому вы можете импортировать только класс Donut (или другие классы) следующим образом:

import { Doughnut } from 'react-chartjs-2'

если вы не разделите код и не восстановите их самостоятельно.

Если вы заинтересованы в том, почему response-bootstrap может сделать это, проверьте его конфигурацию webpack, инструменты сборки и структуру кода. И еще мы можем получить от:

• Файловая структура распределения response-chartjs-2

  

• Файловая структура дистрибутива реакции-начальной загрузки