반응의 특정 구성 요소 만 가져 오기

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'; 

은 모든 도넛 요소를 도넛 요소로 사용합니다.

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

로드 내가 원하지 않는 뭔가가 전체 라이브러리를 사용

.

참고 : 여러 파일에서 가져 오기를 사용합니다.

Answer 1

이것은 작성자가 구성 요소/모듈/클래스를 작성, 패키징 및 내보내는 방법에 관한 것입니다.

만 클래스 도넛 (또는 다른 클래스)를 가져올 수 있도록 각 클래스 모듈 (CommonJS)로 내보낼되지 않은 볼의 gulpfile.js 및 반응-chartjs-2의 /lib를 살펴 보자 이 같은 코드를 분리하고 그들에게 자신을 다시하지 않는 한

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

.

반응식 부트 스트랩이 왜 그렇게 할 수 있는지 알고 싶다면 webpack config, build tools 및 code structure을 확인하십시오. 그리고 더 우리가에서 얻을 수있는 '반응 - 부트 스트랩의의 유통

파일 구조의 유통

• 파일 구조 반응-chartjs-2의