[REACTJS] 구성 요소 .jsx 파일에 CSS 파일을 위해 가져 오는 방법

구성 요소 .jsx 파일에 CSS 파일을 위해 가져 오는 방법

해결법

1. ---

   1.당신은 어떻게이 컴파일? 그것의 웹팩 경우에, 당신은 아마 당신의 웹팩 설정에서 module.loaders 배열이 뭔가를 스타일 로더에 가져다 포함해야합니다 것입니다 :

   당신은 어떻게이 컴파일? 그것의 웹팩 경우에, 당신은 아마 당신의 웹팩 설정에서 module.loaders 배열이 뭔가를 스타일 로더에 가져다 포함해야합니다 것입니다 :

   {
     test: /\.css$/,
     loader: "style!css"
   }
   

   업데이트 : webpack.config.js 지금 제공, 우리는 그것이 module.loaders 배열의 변화를 필요로 확인할 수 있습니다. 정확한 로더 객체가 읽어야하므로 영업 이익은 덜 로더를 사용하여 만 .less 파일을 확인했다 :

   {
     test: /\.(less|css)$/,
     loader: 'style!css!less'
   }
   

   @Q 리우에 의해 제안. 누군가가 오류가 .CSS 파일을 가져 여기 오는 것처럼 원래의 비트를 떠나, 그들이 필요 가능성이 높습니다.

2. ---

   2.나는 내 웹팩 설정에 다음을 사용하고는했다 :

   나는 내 웹팩 설정에 다음을 사용하고는했다 :

   시험 : /\.css$/, 사용하다: [ '스타일 로더' { 로더 'CSS 로더' 옵션 : { 모듈 : 사실, }, }, ],

3. ---

   3.JSX는 CSS하지 않습니다. 기본 HTML 파일에서 바로 CSS 파일에 <링크> 요소를 추가하고, 반작용에 의해 생성 된 DOM은 그것을 사용합니다.

   JSX는 CSS하지 않습니다. 기본 HTML 파일에서 바로 CSS 파일에 <링크> 요소를 추가하고, 반작용에 의해 생성 된 DOM은 그것을 사용합니다.

from https://stackoverflow.com/questions/37143885/how-to-import-css-file-for-into-component-jsx-file by cc-by-sa and MIT license