lemonssom
160
2019-04-16 14:09:28
5
212

React.js의 webpack.config.js와 webpack.config.dev.js는 다른 것인가요?


안녕하세요! 저는 create-react-app으로 프로젝트를 생성하여 개발하고 있습니다.

그런데 node_modules/react-scripts/config를 보면 webpack.config.dev.js 파일만 있고, webpack.config.js 파일이 없는데요ㅜㅜ

제가 webpack.config.js 파일의 output file 설정을 바꾸고 싶은데, 이걸 webpack.config.dev.js 에서 해도 동일한 효과를 볼 수 있나요?

혹시 두 파일이 다른 것인지..

아무리 찾아봐도 webpack.config.js 파일은 보이지 않아서ㅜㅜ

검색해보면 webpack.config.js 파일을 생성해서 쓰거나, 처음에 프로젝트 만들면 자동으로 생성되어 있던데.. 만약 webpack.config.dev.js 에서 output을 바꾸면 안됀다면, 저도 프로젝트에 webpack.config.js 파일을 만들어 사용하면 되는건가요?

ㅜㅜ개념 정리가 잘 안되어있어 질문이 장황한점 이해 부탁드립니다..

읽어주셔서 감사합니다!

0
1
  • 답변 5

  • 바람종
    344
    2019-04-16 14:21:54 작성 2019-04-16 14:23:08 수정됨

    npm run eject 명령어를 사용하시면

    사용자가 설정에대해서 커스터마이징 가능하게

    구조가 변경됩니다.

    그후에

    config 폴더에

    webpack.config.dev.js

    webpack.config.prod.js

    가 둘다있을테니

    build용이라면 webpack.config.prod.js를 수정하면 변경될것입니다.

    create-react-app 버전에 따라서 조금씩 다를수 있으니 eject 키워드를 넣어서 검색해보시면 더 좋겠습니다.

    1
  • biipp
    92
    2019-04-16 14:30:40

    윗분이 말씀하신대로 eject후 사용하셔야 하며, node_modules내용물은 수정하는 것이 아닙니다.


    cra에서 react-scripts라는 모듈을 사용해서 해당 모듈에서 webpack을 통해 build를 해주는 편의성 모듈이기에,


    추가적 설정이 필요한 경우에는 eject를 해서 사용하시기를 권장드립니다.

    1
  • lemonssom
    160
    2019-04-16 18:07:34

    @바람종, @biipp 님, 의견 감사드립니다!

    혹시 eject 하는 방법 말고, 프로젝트 경로에 webpack.config.js를 생성하여 사용하는 것은 잘못된 방법인가요? 궁금해서 여쭤봅니다! 감사합니다.

    0
  • 바람종
    344
    2019-04-17 09:06:19

    webpack.config.js를 따로 생성해서 웹팩 명령어로도 빌드할순 있지만

    그렇게 하면 굳이 create-react-app으로 프로젝트를 생성할 필요가 없어집니다.

    create-react-app은 그저 세팅을 도와줄뿐이지 어떤 방식으로 사용하던 큰 문제는 없습니다.

    1
  • lemonssom
    160
    2019-04-17 14:54:58

    @바람종

    그렇군요!!

    아직 제가 기초가 부족했네요ㅜㅜ 더 찾아봐야겠습니다 ㅎㅎ

    알려주셔서 감사합니다!

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