Nuxt - Modules

Nuxt를 사용하여 엔터프라이즈 앱을 개발하려고 할 때, Nuxt 프레임워크가 기본 제공하는 기능으로는 요구 조건을 만족하기 어려울 수 있습니다. 따라서 Nuxt는 확장성을 제공하기 위해 Configuration과 Plugin 기능을 제공하고 있습니다.
하지만 비슷한 구조의 어플리케이션을 여러 개 만들어서 MSA 구조를 만들겠다거나 하는 상황이라면 각 프로젝트에 동일한 Configuraition과 Plugin을 추가해야 할 것입니다.

Nuxt Modules 추가하기

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

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

    // 인라인 옵션이 포함된 모듈 추가
    ['./modules/example', { token: '123' }]

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

위 코드에서 볼 수 있듯, nuxt.config.ts 파일 내에 defineNuxtConfig 함수를 이용하여 모듈을 추가할 수 있습니다.
공통된 기능을 라이브러리화 하여 npm 패키지로 배포하고, 각 프로젝트에서 라이브러리를 추가한다면 효율적일 것입니다.

더 많은 모듈들

https://nuxt.com/modules
Nuxt 프레임워크에 추가될 수 있는 여러 모듈들이 이미 존재합니다. Nuxt의 애드온 생태계를 풍부하게 만들어 주는 기능입니다.