Nuxt Framework 애플리케이션 배포를 위한 기본 지식 정리.

npx

  • 패키지 러너의 확장된 형태. npm 5.2.0 버전부터 기존적으로 제공

  • npx를 사용하면 로컬 또는 글로벌로 설치하지 않고 npm 레지스트리에 있는 패키지 실행 가능. 이는 일회성으로 패키지를 사용해야 할때, 혹은 다양한 버전의 도구를 시험해보거나 프로젝트별로 다른 버전을 사용해야할 때 유용하다.

npm❓

  • Node Package Manager의 약자

  • 주요기능 두 가지: 패키지 레지스트리, 패키지 러너

    npm 레지스트리

    • 전 세계의 개발자들이 만든 수많은 JavaScript 라이브러리와 애플리케이션을 호스팅하고 공유하는 중앙 저장소

    • 이 레지스트리를 통해 개발자들은 필요한 패키지를 찾고, 다운로드하며, 자신이 만든 패키지를 업로드하여 다른 사람들과 공유할 수 있음

    • npm 레지스트리는 웹 사이트를 통해서도 접근할 수 있으며, npm CLI를 통해 직접적으로 패키지를 설치하고 관리할 수 있음

    npm 패키지 러너

    • npm의 CLI

    • 패키지 설치, 업데이트, 삭제 등의 작업을 수행하며 프로젝트의 의존성 관리를 도와준다

    • package.json 파일을 통해 프로젝트에서 사용하는 스크립트를 실행할 수 있도록 해준다.

npm run generate

npm run 명령어 자체는 package.json 파일 내의 scripts 섹션에 정의된 스크립트를 실행시키는 명령어 따라서 package.json 파일에서 generate 섹션을 보면 다음과 같이 되어있는것을 볼 수 있다.

  • nuxt generate: Nuxt.js v2에서 사용되는 명령어

  • Nuxt.js 애플리케이션을 정적 파일들로 빌드한다. 애플리케이션의 모든 페이지를 사전 렌더링하여 HTML 파일로 변환하고, 필요한 JavaScript, CSS, 이미지 파일들을 생성한다.

npx nuxi generate

  • Nuxt.js 3.0 버전 이상에서 사용

  • Nuxt.js 3.0에서는 nuxi라는 새로운 CLI 도구를 도입했다. 이 nuxi generate 명령어 또한 애플리케이션을 정적 파일들로 빌드하는 역할을 하지만, Nuxt.js 3.0의 새로운 아키텍처와 기능을 활용하여 더 효율적으로 수행된다.

  • npx는 Node 패키지를 실행할 때 사용하는 명령어. 로컬에 설치하지 않고도 패키지를 실행할 수 있게 해준다. 따라서 프로젝트에 nuxi가 설치되어 있지 않아도 nuxi를 실행하여 Nuxt 3.0 프로젝트를 정적 파일로 빌드할 수 있다.