애 둘 냥 둘

    MD4 1

    Vue CLI 또는 Webpack 설정을 이용한 이미지 파일명 관리

    webpack 에서 브라우저 캐싱을 회피하기 위한 전략으로 hash 값을 많이 사용한다. 일반적으로 [name].[contenthash][ext] 같이 파일명에 hash 값을 많이 사용하는데, 파일명에 hash 값이 들어있을 경우 파일 내용이 변경되거나 빌드 때 chunk id 가 변경되어 파일명이 계속 바뀌는 문제가 있다. 이 경우 이미 업로드 된 파일을 지우고 다시 올려야 하는 번거로움이 생긴다. 나의 경우 파일명 난독화가 필요하기도 하여 hash 값을 이용하긴 해야 한다. 따라서 파일명으로 난독화 처리를 하였다. const path = require("path"); const crypto = require("crypto"); const IS_LIVE = process.env.NODE_ENV === ..

    개발/Front-End 2022.06.23
    이전
    1
    다음
    더보기
    프로필사진

    애 둘 냥 둘 삶의 보고서

    • 분류 전체보기 (208)
      • 보고서 (172)
        • 사먹음 (122)
        • 해먹음 (12)
        • 타먹음 (7)
        • 가봄 (19)
        • 써봄 (12)
      • 기록 (17)
        • 일상 (7)
        • 문화 (6)
        • 해결 (4)
      • 개발 (19)
        • Front-End (15)
        • IoT (4)

    Tag

    칵테일, 을지로3가역, 감자전, 고덕동, 을지로4가역, 충무로역, 돈까스, 을지로, 요리, 엑스박스, 하남, 키즈카페, 충무로, 상일동역, 강릉, 필동, 강동구, 식당, 미사, 중구,

    Copyright © Kakao Corp. All rights reserved.

    티스토리툴바