ReactJS.NET 및 Webpack 서버 쪽 렌더링/스타일

Question

초기 페이지로드에 대해 서버 쪽 구성 요소를 렌더링하려고합니다. 마크 업은 @ Html.React ("componentName", props)를 사용하여 완벽하게 렌더링됩니다. 내가 가지고있는 문제는 구성 요소가 스타일없이 렌더링된다는 것입니다. 즉시 나중에 스타일은 Webpack 번들과 일반적인 스타일 로더를 통해로드됩니다.

나는 몇 가지 접근법을 시도했다.

1. 글로벌이 정의되지 않았다는 오류가 발생하기 때문에 작동하지 않습니다.

2. https://github.com/kriasoft/isomorphic-style-loader

   는

가 이상적으로는 구성 요소에서 필요한 CSS를 얻고 면도기보기로 렌더링하고자하는 같은 이유로 작동하지 않습니다.

기존 프로젝트에서 버그를 수정하려고합니다. Webpack과 반응은 상대적으로 새로운 개념이므로 어떤 정보를 제공해야하는지 완전히 확신 할 수는 없습니다. 추가 세부 정보가 어떤 도움이되는지 알려주십시오.

Answer 1

서버 측 렌더링을 사용하려고 할 때 componentDidMount 함수에서 require('your css file')을 호출해야합니다.

자세한 내용은 https://github.com/webpack/react-starter/issues/37