npm2

• 

  #npm #pnpm #차이 #구성 🦖 특징패키지 설치 방식전통적인 방식 (node_modules에 모든 의존성 설치)의존성 중복을 최소화하고 심볼릭 링크 사용속도비교적 느림 (중복된 의존성 파일들로 인해)더 빠름 (공유된 캐시 사용, 중복된 의존성 제거)디스크 사용량의존성 중복 설치로 인해 더 많은 디스크 공간 사용디스크 공간 절약 (중복된 의존성 링크 사용)설치 구조각 프로젝트마다 독립적인 node_modules 디렉터리중복을 최소화한 node_modules 구조, 심볼릭 링크 사용호환성대부분의 프로젝트에서 기본적으로 사용일부 프로젝트에서 호환성 문제 발생 가능캐시기본적으로 설치 후 캐시 없음 (다시 설치 시 다운로드 필요)패키지 캐시 시스템을 이용해 빠르게 설치커맨드npm install, npm run 등 기본 명령어pnpm ins.. 💚04_HTML5 & Javascript & CSS/01_Javascript 2025. 4. 8.

• 

  #vite #webpack #console.log #플러그인 #설정 #npm #번들링 웹 경량화를 사용하기 위한 vite나 webpack을 사용할때 불필요한 정보를 미출력하기 위해서 Bundling을 할때 console.log를 삭제하는 plugin을 소개할려고 합니다.  🦖Vite plugin(vite-plugin-remove-console)* 각 패키지 관리도구별 설치 방법 # npm npm install vite-plugin-remove-console -D# yarn yarn add vite-plugin-remove-console -D# pnpm pnpm add vite-plugin-remove-console -D👉 Npm - Node Package Manaber : Node.js의 기본 패키지 관리도구로 가장 널리 사용됨👉 yarn - FaceBook에서 개발한 패키지 관리도.. 💚04_HTML5 & Javascript & CSS/05_Front Tip(vite, 번들링, spa ) 2024. 12. 3.