Lo9

  • 홈

환경변수 2

[Vite.js] 모드에 따라 빌드 환경 변수 및 결과 폴더 변경

const 모드에 따라 빌드 환경 변수 및 결과 폴더 변경 = ( Param ) => {💻 return Result;필요 모드에 따라 환경 변수 파일 나누기# .env (기본 환경 변수)# .env를 베이스로 다른 모드의 환경 변수가 덮어 씌워짐VITE_APP_TITLE=DefaultENV# .env.production (빌드시 환경 변수)# .env를 베이스로 빌드시 따로 변경이 필요한 환경변수 정의VITE_APP_TITLE=BuildENV# .env.prod-2 (커스텀 빌드 환경 변수)# .env를 베이스로 prod-2에 대한 환경 변수 적용VITE_APP_TITLE=Prod2ENV 모드에 따라서 빌드 저장 폴더 바꾸기// vite.config.jsimport { defineConfig } fro..

DEV/DevelopSystem 2024.08.13

[React.js] 빌드 후 환경변수 수정

const 빌드 후 환경변수 수정 = ( Param ) => {💻 return Result;env.js 파일 생성// public/env.js// 전역에 선언되기 때문에 window 객체를 통해 참조할 수 있음export const env = {    ...import.meta.env, // vite 환경변수 값    ...window["env"], // 전역에 저장된 이전 환경변수 값 // 필요 환경 변수 정의 BASE_URL: "http://localhost:3000"}; index.html에서 script 태그를 통해 env.js 선언  env.js의 환경변수 적용//App.jsximport env from "../public/env"...return ( {env.BASE_URL} {env...

DEV/WebProgramming 2024.07.12
이전
1
다음
더보기
프로필사진

내가 되기 위해 경험중인 블로거입니다.

  • 분류 전체보기 (59)
    • DEV (41)
      • WebProgramming (15)
      • CSS (3)
      • DevelopSystem (5)
      • 코딩테스트 (15)
      • Python (1)
      • Node.js (1)
      • 회고록 (1)
    • 일상 (2)
      • Motorcycle (2)
    • 취미 (15)
      • Book Review (10)
      • Graphic (5)

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

Tag

env, 구현, 소셜 로그인, GIT, javascript, dp, vscode, 그리디, PolygonArt, 자바스크립트, React, 빌드, React.JS, 환경변수, 최적화, css, 코딩테스트, portfolio, 프로그래머스, 독후감,

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바