React Webpack less

Question

안녕하세요.리액트 프로젝트 셋팅하는 데에 있어 css 로 less 를 사용하고 싶습니다.npm install less / less-loader 는 완료한 상태이구요.. 구글에 물어보니 webpack 에 소스를 일부 추가해줘야한다고 하더라구요..그래서 webpack 에 이미 sass 로 등록되어 있는 webpack 소스가 있길래 일부 수정만 해주었습니다. 이런식으로 변경하여도 module.less 파일이 적용이안됩니다.. 이건 사용한 소스내용이구요... 설정이 틀렸을까요.. 아니면 어느부분에 설정을 더해주어야 하는걸까요...

공부좀해라 · Answer

사진 첨부가 안되어있어 댓글로 남겨요..

ISA · Answer

웹팩 4냐 5냐에 따라서 조금씩 달라지지만 설정 자체를 잘못하신거 같습니다.Exclude 부분도 그렇고 같은 로더를 2번 설정 하는 것도 그렇고..조금 더 알아보시죠. 아래는 제가 만들어 쓰는 웹팩 템플릿입니다. 참고가 되면 좋겠네요. https://github.com/yoonjonglyu/webpack-init-template

Mambo · Answer

뭔가 많이 래핑해놔서 잘모르겠지만 css-loader의 modules 옵션을 강제로 지정해보세요.

React Webpack less

3개의 답변

Q&A 목록