Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- 프로그래머스 K_Digital Training
- 고양이 사진 검색기
- KDT 프로그래머스
- 리스트 렌더링
- 리액트
- vue 지역 컴포넌트
- flex
- git 같은계정 다른 컴퓨터
- Spacer
- Vue
- 프로그래머스 데브코스 프론트엔드
- 프로그래머스 프론트엔드 데브코스
- 폼 입력 바인딩
- 프로그래머스 데브코스
- react next
- postcss
- 다른컴퓨터에서 git사용
- vuex map
- KDT 프로그래머스 데브코스 프론트엔드
- vue 이벤트 수신
- SCSS use
- SCSS import
- 이벤트 수식어
- SCSS forward
- SCSS extend
- 쌓임맥락
- nextjs사용법
- intersection opserver
- netlify redirect
- vue mixin
Archives
- Today
- Total
혼자 적어보는 노트
[Webpack] webpack-dev-server script 2번 실행 본문
webpack-dev-server를 사용할 때
index.html에서 <script>태그로 js파일을 불러올 경우 2번 실행된다.
왜??
빌드 시 HtmlWebpackPlugin이 번들링된 js파일을
index.html 의 body 태그 아래에 불러오기 때문에
html 내부에 작성된 script 태그가 있다면 2번 실행이 되는 것이다.
html 안에 script 태그를 지워주면 해결이 되지만
script 태그가 필요하다면 injext 옵션을 변경하여 해결할 수 있다.
plugins: [
new HtmlWebpackPlugin({
template: "./src/index.html",
inject: false
})
],
참고 블로그 : https://tesseractjh.tistory.com/181
'Error' 카테고리의 다른 글
[Error/Storybook] ModuleNotFoundError: Module not found: Error (0) | 2022.11.23 |
---|---|
The following untracked working tree files would be overwritten by checkout (0) | 2022.11.06 |
Component definition is missing display name (0) | 2022.07.29 |
모바일 이미지 업로드 시 이미지 회전 현상 (0) | 2022.07.12 |
unable to resolve dependency tree (0) | 2022.05.27 |
Comments