리액트 CRA 환경에서 webpack-dev-server
581
작성한 질문수 2
안녕하세요!
제가 리액트로 create-react-app 으로 프로젝트 만든다음에
webpack-dev-server 적용하는데 잘 안되서 질문 드립니다..!
다음과 같이 index.js, package.json, webpack.config.js 파일을 만들어서 코드를 입력하고 App컴포넌트에 있는 소스를 띄우는건데 .. npn run dev 하면 다음과 같이 화면이 나옵니다.
왜 이렇게 되는걸까요ㅠㅠ
답변 1
0
안녕하세요 dev2study님, 웹팩 설정 파일 내용은 위에 첨부해주신게 전부인가요? 웹팩 데브 서버 관련된 설정은 없는 것으로 보이는데 아래 내용 다시 한번 확인해 보시면 좋을 것 같습니다 :)
https://joshua1988.github.io/webpack-guide/tutorials/webpack-dev-server.html#%EC%9B%B9%ED%8C%A9-%EB%8D%B0%EB%B8%8C-%EC%84%9C%EB%B2%84
그리고 CRA는 내부적으로 이미 웹팩이 내장되어 있는 것으로 알고 있는데 이 점 유의하시면 좋을 것 같습니다 :)
HTMLWebpackPlugin 사용한 webpack.config.js의 빌드 결과 index.html
1
467
1
인프런 캡틴판교님 강의 들을 순서 알고 싶습니다.
1
476
2
바벨없이 import 구문을 빌드한 의도파악하기
1
511
2
chunkhash 사용
2
482
1
pm install gulp --global
1
514
1
이런질문도 괜찮나요?
1
498
1
__dirname 질문입니당
1
683
2
플러그인 관련 질문있습니다.
1
285
1
build 후 생성된 bundle.js 가 너무 간략합니다
1
1266
1
웹팩데브서버에 대해 궁금한점
1
299
1
devServer 질문
1
351
1
웹팩 로더 버전 관리
1
448
1
devDependencies와 build
1
381
1
webpack-dev-server 실행시 index.html 안쓰는 법
1
457
1
webpack-dev-server 실행 후 매번 업데이트시 console 창 기본 메세지 숨길 수 있을까요?
1
952
1
웹팩의 등장배경 관련해서 문의드립니다!
1
317
1
배포시 질문
1
285
1
--output=public/output.js 오류 문의
1
768
1
npm i vue -D 설치시 다른 여러 폴더들이 생성됩니다.
1
422
2
main.js태그
1
245
1
module 문법 질문.
1
264
1
htmlWebpackPlugin 질문
2
238
1
entry,output 파일 경로 설정 질문.
1
220
1
웹팩 이미지로더 질문
1
180
1