2017-12-26 31 views
3

react-draft-wysiwyg 모듈을 사용하려하지만 모듈과 관련된 가져온 스타일이 사용되지 않습니다. 나는 이것이 수입 된 CSS가 해시에로드되는 것이기 때문에 모듈의 요소의 클래스 속성은 그렇지 않다고 생각한다.노드 모듈을로드하기 위해 isomorphic-style-loader를 어떻게 구성 할 수 있습니까?

경우되고, 나도 수 :

  • 의 클래스를 변환 클래스 이름을 해시 할-초안 WYSIWYG 반응, 또는
  • 는 스타일 로더가 반응-초안 WYSIWYG 기능을 CSS 파일을 무시 되세요 ?

내가 해봤 것들 중 일부은 다음과 같습니다 : 주요 수입 CSS 파일 내부

  • import draftcss from 'react-draft-wysiwyg/dist/react-draft-wysiwyg.css'; ... export default withStyles(s, draftcss)(Layout);

  • : @import 'react-draft-wysiwyg/dist/react-draft-wysiwyg.css';

  • 반응-초안 wysiwyg.css 가져 오기 상위 경로의 index.js 파일
+0

u는이를 시도 node_modules/react-draft-wysiwyg/dist/react-draft-wysiwyg.css에서 플러그인의 CSS 컨텐츠를 찾을 수 있습니까? https://github.com/webpack-contrib/css-loader – Sudheer

+0

@Sudheer 나는 css-loader를 가지고 있고 그것은 나의 모든 css 파일에 영향을 미치고있다. css-loader에서 파일 중 하나를 면제하거나 사용하는 노드 모듈에 새 클래스 이름을 찾는 방법을 모르겠습니다. – AstroBoogie

답변

3

issue raised in Github about this problem이 있습니다.

유일한 해결책은 플러그인의 모든 CSS 콘텐츠를 로컬 .css 파일로 복사하고 기본 CSS 파일로 가져 오는 것입니다.

당신은

+0

@AstroBoogie, GitHub에 대한 문제에 대해 의견을 보았습니다. 나는 당신이 이것을 시도했는지 확인하기를 원했습니다. 이 질문에서 분명히 명확하지 않았습니다. –

+0

나는 어떤 성공도없이 이것을 시도했다. 로컬 .css를 가져오고있다하더라도 여전히 css-loader에 의해 해시되고 있다고 생각합니다. – AstroBoogie