고뿌
1k
2019-12-11 06:55:10
2
140

웹팩으로 다수의 CSS파일을 하나의 CSS파일로 만들기


웹팩을 좀 보고있는데요,

기본 컨셉이 CSS파일조차도 JS파일로 녹여내서

페이지 로드시 head요소에 style태그로 어팬드하는 방식을 취하더군요.

근데 전 그렇게 하고싶진 않고, 별도 CSS파일 하나로 만들어서 하고싶은데

이게 의외로 구글링해도 자료가 거의 안나오네요. 몇몇개 나오기는한데, 에러 투성이라 ㅜㅜ

혹시 실무에서 웹팩 쓰시는분들은 이렇게 CSS 하나로 만드는 작업은 다른 툴을 병행해서 사용하시는건가요?

0
0
  • 답변 2

  • Honowis
    364
    2019-12-11 08:03:26

    보통 rules에서 플러그인을 사용해 추출합니다. 제일 많이 사용 되는 것 으로는 ExtractTextPlugin 으로 깃허브 홈페이지에 예제가 잘 나와 있으니 한번 확인 해 보시기 바랍니다.

    팁을 드리자면 Devmode 에서는 추가적인 연산만 더할 뿐 불필요하니 production 빌드에서만 사영하시길 권장합니다.

    1
  • 고뿌
    1k
    2019-12-11 20:16:15

    Honowis

    감사합니다.

    말씀하신 ExtractTextPlugin에 대한 글이 많긴 했습니다.

    그러나, 잘 진행이 안됐습니다. CLI 환경 자체를 좀 제가 혐오해서 참 힘들었는데,

    mini-css-extract-plugin 을 쓰면된다는 글을 발견하고 해결하긴 했습니다.

    1
  • 로그인을 하시면 답변을 등록할 수 있습니다.