inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

프론트엔드 개발자를 위한 웹팩

output

[chunkhash]옵션을 사용할 때 질문입니다!

272

n_nflowers

작성한 질문수 2

1

안녕하세요 캡틴 판교님!

항상 강의 잘 듣고 있습니다.

다름이 아니라 output속성에서 [chunkhash]옵션을 사용해서 빌드를 하면 빌드된 파일명이 변경되는 것을 확인해봤습니다.

그럼 여기서 궁금한게 자바스크립트 파일을 갖고 올 때 정의를 해야하는데 매번 바뀌는 파일명에 대해서는 계속해서 변경을 해줘야 하는건가요? 아니면 혹시 다른 방법이 있을까요?

감사합니다 :-)

//실습 예제 index.html script부분
<script src="./dist/bundle.js"></script>
//[chunkhash]옵션을 사용했을 때
<script src="./dist/??.js"></script>

웹팩

답변 1

1

캡틴판교

오.. 되게 좋은 질문 주셨네요 :) 아마 강의 후반부에 플러그인과 튜토리얼을 몇 개 더 소개할텐데요. 그 때 아래 플러그인을 사용합니다.

https://webpack.js.org/plugins/html-webpack-plugin/

위 플러그인을 사용하면 빌드된 파일의 주소가 자동 주입됩니다 :)

0

n_nflowers

수업을 더 듣고 질문을 했어야 했군요. 

덕분에 완강하고 웹팩에 대한 기본 개념을 알게되었습니다!

항상 좋은 양질의 강의 감사합니다.

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

350

1

웹팩 로더 버전 관리

1

448

1

devDependencies와 build

1

381

1

webpack-dev-server 실행시 index.html 안쓰는 법

1

457

1

webpack-dev-server 실행 후 매번 업데이트시 console 창 기본 메세지 숨길 수 있을까요?

1

951

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

179

1