modules

애플리케이션을 구축하는 동안 개발한 로컬 모듈을 배치하기에 좋은 장소이다.

자동 등록된 파일 패턴은 다음과 같습니다.

• modules/*/index.ts
• modules/*.ts

 

nuxt.config.ts 에 해당 로컬 모듈을 별도로 추가할 필요는 없다.

 

modules/hello/index.ts

// modules/hello/index.ts

// `nuxt/kit` is a helper subpath import you can use when defining local modules
// that means you do not need to add `@nuxt/kit` to your project's dependencies
import { createResolver, defineNuxtModule, addServerHandler } from 'nuxt/kit'

export default defineNuxtModule({
  meta: {
    name: 'hello'
  },
  setup () {
    const { resolve } = createResolver(import.meta.url)

    // Add an API route
    addServerHandler({
      route: '/api/hello',
      handler: resolve('./runtime/api-route')
    })
  }
})

 

 

modules/hello/runtime/api-route.ts

// modules/hello/runtime/api-route.ts

export default defineEventHandler(() => {
  return { hello: 'world' }
})

 

Nuxt를 시작하면 hello 모듈이 등록되고 /api/hello 경로를 사용할 수 있다.

 

로컬 모듈은 알파벳순으로 등록된다. 각 디렉터리 이름 앞에 숫자를 추가하여 순서를 변경할 수 있다.

 

디렉토리 구조

# 디렉터리 구조

modules/
  1.first-module/
    index.ts
  2.second-module.ts