하이고니의 개발 스토리

  • 홈
  • 태그
  • 방명록
  • 관리
  • 글쓰기

webpackAssets 1

webpack 빌드 시 이미지 경로(assets, 템플릿 로더)

만들어뒀던 js, css, html 기반 프로젝트를 webpack으로 번들링하고 있었다. 다른 건 잘 되는데, asset 폴더 경로를 지정해서 png나 jpg 파일을 불러오려고 하는 것에서 문제가 발생했다. alt="" id="jerry" /> 저렇게 상대 경로로 설정해두고 빌드하면 경로가 바뀌지 않아서 파일은 정상적으로 따라와도 html이 png 파일을 읽을 수가 없다. 아래는 webpack.config.js 파일 내용이다. const path = require("path"); const HtmlWebpackPlugin = require("html-webpack-plugin"); module.exports = { entry: "./src/index.js", output: { path: path.reso..

부트캠프/따로 공부 2023.03.20
이전
1
다음
더보기
프로필사진

Write | Admin | Github

  • 전체 (168)
    • 부트캠프 (92)
      • TIL (37)
      • 따로 공부 (38)
      • 자바스크립트 완벽 가이드 (17)
      • 경험과 감상 (0)
    • 프론트엔드 개발 (64)
      • JavaScript (9)
      • React (10)
      • Interview (6)
      • Algorithm (19)
      • Node.js (4)
      • Typescript (16)
      • UI UX (0)
    • 아무거나 (7)
      • 티스토리 (4)
      • 생각 모음 (1)
      • 스스로에게 질문 (2)

Tag

패스트캠퍼스후기, 패캠인강후기, 타입스크립트, 오공완, 사이드프로젝트10개기술스택으로구현하는풀스택서버리스프로젝트withReact, 패캠챌린지, react, 인터페이스, javascript, 리액트, 직장인인강, DoM, CSS, 패스트캠퍼스, Node.js, typescript, html, 수강료0원챌린지, 환급챌린지, 직장인자기계발,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

Archives

Copyright © Kakao Corp. All rights reserved.

티스토리툴바