이로

Vue3의 빌드 도구란 무엇인가?빌드 도구는 개발자가 작성한 코드(주로 JavaScript, TypeScript, CSS, 등)를 프로덕션 환경에서 사용할 수 있도록 최적화하는 데 사용됩니다. 이를 통해 코드를 압축하거나, 최신 자바스크립트 기능을 구형 브라우저에서도 사용할 수 있도록 변환하는 등의 작업을 수행합니다.Vue3에서 사용하는 빌드 도구들Vite장점빠른 개발 서버와 빌드 성능을 제공합니다.번들링 과정 없이 네이티브 ES 모듈을 통해 소스코드를 직접 제공변경된 모듈만 교체하는 HMR(Hot Module Replacement) 지원으로 빠른 리로딩초기 서버 구동 시간이 webpack 대비 매우 빠름모듈을 동적 로드하여 초기 로딩 시간을 단축합니다.Rollup 기반의 번들링으로 최적화된 프로덕션 빌..

정적 사이트맵 생성정적 사이트 맵 생성은 특정 파일에 내가 원하는 페이지만 직접 작성하는 방법입니다.Case 1. vite.config.ts에 sitemap 내용 직접 정의npm install -D vite-plugin-sitemapimport { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' import { sitemap } from 'vite-plugin-sitemap' export default defineConfig({ plugins: [ vue() , sitemap({ hostname: 'https://your-domain.com', // 라우트 직접 정의 urls: [{ url: ..