create-react-app를 사용할 때 CSS를 비롯한 jquery 라이브러리를 포함하는 올바른 방법은 무엇입니까?

Question

create-react-app에서 만든 React 응용 프로그램에서 select2라는 jquery 라이브러리를 활용하려고합니다.

내 package.json에 jquery와 select2를 추가했으며 자바 스크립트를 만들 수 있습니다.

그러나 선택 2의 CSS 파일이 올바르게 포함되어 있지 않으므로 스타일이 적용되지 않습니다.

나는 내 프로젝트 내에서 다음 파일을 볼 수

node_modules/select2/dist/css/select2.min.css 

물론 나는 공공/CSS로 파일을 복사 할 수 있습니다 내 index.html을이를 추가

<link href="css/select2.min.css" rel="stylesheet"> 

I webpack과 create-react-app 툴체인의 힘을 이용하는 더 좋은 방법이 있다는 것을 확신합니다. 그러나 어떻게?

Answer 1

저는 종종 앱의 색인에 CSS가 필요합니다.

하는 index.js는 :

import 'select2/dist/css/select2.min.css'; 

그런 식으로는 CSS 것 : require('node_modules/select2/dist/css/select2.min.css')

Answer 2

은 내가 더 좋은 방법을 "수입"당신의 jQuery 라이브러리를 참조하는의 .js 파일에 CSS 생각 생성 된 bundle.js 파일에 포함되어 있어야하며이 종속성을 필요로하는 코드에 "현지화"해야합니다.

관련 메모 : Google에 "반응 선택"하고 위젯을 구현하는 "실제"방법을 제공하는 많은 라이브러리를 탐색 해보십시오.