Nuxt 모듈 탐색

Nuxt로 프로덕션급 애플리케이션을 개발할 때 프레임워크의 핵심 기능만으로는 충분하지 않을 수 있습니다. Nuxt는 구성 옵션과 플러그인으로 확장할 수 있지만, 여러 프로젝트에서 이러한 커스터마이징을 유지하는 것은 번거롭고 반복적이며 시간이 많이 소요될 수 있습니다. 반면에 모든 프로젝트의 요구를 기본적으로 지원하면 Nuxt가 매우 복잡하고 사용하기 어려워질 것입니다.

이것이 Nuxt가 코어를 확장할 수 있는 모듈 시스템을 제공하는 이유 중 하나입니다. Nuxt 모듈은 nuxt dev를 사용하여 개발 모드에서 Nuxt를 시작하거나 nuxt build를 사용하여 프로덕션을 위한 프로젝트를 빌드할 때 순차적으로 실행되는 비동기 함수입니다. 이들은 템플릿을 재정의하고, webpack 로더를 구성하고, CSS 라이브러리를 추가하고, 많은 다른 유용한 작업을 수행할 수 있습니다.

무엇보다도, Nuxt 모듈은 npm 패키지로 배포될 수 있습니다. 이를 통해 프로젝트 간에 재사용되고 커뮤니티와 공유되어 고품질 애드온의 생태계를 만드는 데 도움이 됩니다.

Nuxt 모듈 추가

모듈을 설치한 후에는 modules 속성 아래에 있는 nuxt.config.ts 파일에 추가할 수 있습니다. 모듈 개발자는 보통 사용을 위한 추가 단계와 세부 정보를 제공합니다.

export default defineNuxtConfig({
  modules: [
    // 패키지 이름 사용 (권장 사용법)
    '@nuxtjs/example',

    // 로컬 모듈 로드
    './modules/example',

    // 인라인 옵션으로 모듈 추가
    ['./modules/example', { token: '123' }],

    // 인라인 모듈 정의
    async (inlineOptions, nuxt) => { }
  ]
})

Nuxt 모듈 생성

누구나 모듈을 개발할 기회를 가지고 있으며, 여러분이 무엇을 만들지 기대됩니다.