로토의 블로그

react server side rendering 시 css, less import 끄기

react server side rendering 시 css, less import 끄기 대표 이미지

현상

react로 작성된 코드를 server side rendering 할 경우 import 선언된 cssless 등을 babel-node가 파싱하려다 에러를 뱉는다.

-----------2017-10-08------9.22.49

해결법

babel-register를 이용해 babel-node를 통한 실행인 경우 css, less는 무시하도록 설정하면 된다.

혹은 아래 모듈을 사용한다.

https://github.com/bkonkle/ignore-styles