thumbnail
@jeff0720님이 댓글을 남기셨습니다.
취업 축하해 !
@jeff0720님이 이 포스트를 좋아합니다.
@jeff0720님이 이 포스트를 좋아합니다.
@jeff0720님이 댓글을 남기셨습니다.
thumbnail
좋은 발표해주셔서 감사합니다!
@jeff0720님이 이 포스트를 좋아합니다.
thumbnail
@jeff0720님이 이 포스트를 좋아합니다.
thumbnail
@jeff0720님이 댓글을 남기셨습니다.
thumbnail
도움이 되었다니 좋네요 ㅎㅎ
@jeff0720님이 댓글을 남기셨습니다.
thumbnail
webpack.dev.config 혹은 webpack.prod.config 에서 다음과 같이 설정하면 해결이 됩니다. ``` resolve: { extensions: [".jsx", ".js"] }, plugins: [ .... ``` resolve와 extensions에 대해서 설명을 드리자면, resolve는 웹팩이 모듈을 import 하는 설정들을 변경할 수 있는 옵션입니다. 해당 resolve 옵션에는 extensions 이라는 옵션이 있습니다. extensions 옵션은 아래와 같이 해당 경로에 있는 확장자가 생략된 파일을 import 할 시 웹팩이 어떤 확장자로 모듈을 가지고 올 지 결정하는 역할을 합니다. default로는 .js 확장자가 추가되어 있기 때문에 .js는 생략해도 컴파일 에러가 나지 않았지만 .jsx 확장자는 추가되어 있지 않기 때문에 컴파일 에러가 난것 같습니다. 또한, introduce.jsx와 introduce.js가 있다면 extensions 배열에 첫 번째에 있는 .jsx 파일로된 introduce.jsx를 먼저 가지고 오고 나머지 확장자로된 파일들을 전부 생략합니다. 그렇기 때문에 .jsx 확장자를 파일 extensions 배열 첫 번째에 넣어줬습니다. 현재, jsx를 import 할 수 있게 해당 실습 코드를 변경 했으며 아래 링크에서 확인하실 수 있습니다. https://github.com/jeffchoi72/webpack4-react 좋은 질문 감사합니다. 제가 틀린점이 있다면 알려주세요! 피드백은 언제나 환영합니다ㅎㅎㅎ 관련 링크 https://webpack.js.org/configuration/resolve/#root
@jeff0720님이 댓글을 남기셨습니다.
thumbnail
안녕하세요, bohaesoju님, 답변을 늦게 드려서 죄송합니다. 필요하지 않습니다! 제가 직접 하면서 글을 쓸 때 clean-webpack-plugin을 먼저 하고 웹팩 빌드 모드를 나누게 되면서 복붙을 했습니다! 혼란드려서 죄송합니다.
@jeff0720님이 댓글을 남기셨습니다.
thumbnail
저도 공부하면서 정리한 내용들을 글로 써봤는데 도움이 되었다니 뿌듯합니다 ㅎㅎ
@jeff0720님이 댓글을 남기셨습니다.
thumbnail
ㅎㅎㅎ감사합니다! 다음글도 기대해주세요!
@jeff0720님이 댓글을 남기셨습니다.
thumbnail
감사합니다 ㅎㅎㅎ
@jeff0720님이 이 포스트를 좋아합니다.
thumbnail
@jeff0720님이 댓글을 남기셨습니다.
thumbnail
오호, 포스트들이 기대 되네용
@jeff0720님이 댓글을 남기셨습니다.
thumbnail
안녕하세요, curlyjun님! 피드백 해주셔서 감사합니다! 바로 반영하겠습니다👍
@jeff0720님이 댓글을 남기셨습니다.
thumbnail
도움이 되었다니 다행입니다!! 뿌듯하네요 ㅎ.ㅎ 감사합니다!
@jeff0720님이 댓글을 남기셨습니다.
thumbnail
안녕하세요, ethan님, 해당 프로젝트에서 devDependency로 설치해도 빌드시 문제가 발생하진 않습니다. 하지만 이 방식은 안좋은 방식인데요 예를들어, 리액트를 사용하는 라이브러리를 설치했는데 해당 라이브러리에 dependency 아닌 devDependency에 설치가 되어있다면 리액트가 설치되지 않아 해당 라이브러리를 사용하는 프로그램은 런타임시 에러가 발생합니다. 또한 여러가지 이유들로 리액트에서는 devDependency가 아닌 dependency에 설치하는 것을 권장하고 있습니다. 빠르게 진행하고 싶은 마음에 모두 devDependency에 설치했는데 오히려 혼란을 드린것 같네요 죄송합니다ㅠㅜ 글 수정하도록 하겠습니다! 감사합니다
@jeff0720님이 이 포스트를 좋아합니다.
thumbnail
@jeff0720님이 이 포스트를 좋아합니다.
thumbnail
@jeff0720님이 이 포스트를 좋아합니다.