vite

Web

[React] SCSS 전역설정하기

2024.03.15

버전 - React 18.2.0 (vite) - sass 1.70.0 파일 구조 변수파일을 쓰는 곳에서 매번 불러오기에는 불편함을 느껴서 변수를 불러오는 공통 SCSS 파일을 추가해주었다. // common.scss @charset 'UTF-8'; @use 'scss-reset/reset'; @forward './base/_variablesColor'; @forward './base/_variablesSize'; @forward './base/_variablesFont'; @forward './base/fontFace'; 하지만 이렇게 모아뒀어도 매번 SCSS를 작성할 때 매번 파일을 불러오는것도 번거로운 일이다. 그럴 때에는 전역에서 SCSS를 사용할 수 있도록 vite.config.ts 파일에 설정을..

zerobase

zero-base/ vite, webpack 비교

2023.06.24

https://ko.vitejs.dev/ Vite Vite, 차세대 프런트엔드 개발 툴 ko.vitejs.dev https://webpack.kr/ webpack 웹팩은 모듈 번들러입니다. 주요 목적은 브라우저에서 사용할 수 있도록 JavaScript 파일을 번들로 묶는 것이지만, 리소스나 애셋을 변환하고 번들링 또는 패키징할 수도 있습니다. webpack.kr Vite vs Webpack vite는 번들링을 생략해서 개발 서버의 시작속도를 높이고, HMR을 위해 네이티브 ES 모듈을 사용해서 코드의 변경사항을 빠르게 반영함 최소한의 설정으로도 개발을 진행할 수 있다는 것이 큰 장점 webpack은 프로젝트가 복잡하고 다양한 설정을 요구하는 경우에 사용하는 것이 적합 요즘 webpack에서 vite로 옮..

[React] SCSS 전역설정하기

zero-base/ vite, webpack 비교

티스토리툴바