Next.js에 스크립트 추가하기

내 Next.js 앱에 대기열 처리 스크립트를 추가해야 했고, Next.js 컴파일 체인을 사용하여 빌드하고 싶었습니다. 그래야 하나의 스크립트에 대해 추가 빌드 체인을 설정할 필요가 없습니다. 그것은 하기가 매우 쉽다는 것이 밝혀졌습니다.

webpack 구성에 추가 항목을 추가하면 빌드 프로세스 중에 추가 스크립트가 출력됩니다. 내 스크립트의 이름은 src/queue.js 입니다. next.config.js 를 수정하여 항목에 추가했습니다.

module.exports = webpack(config, {isServer}) {
  if (isServer) {
    return {
      ...config,
      entry() {
        return config.entry().then(entry => {
          return Object.assign({}, entry, {
            queue: "./src/queue.js"
          });
        });
      }
  }

  return config;
});

이것을 추가하면 대기열 스크립트를 next build 로 빌드하고 .next/server/queue.js 로 출력할 수 있습니다. 불행히도 스크립트는 next dev 와 함께 실행되지 않지만 개발 중인 호출 시 대기열 작업을 비동기식으로 실행하고 개발 환경의 해당 부분을 잘라내기로 결정했습니다. 어쨌든 그 코드를 매우 자주 변경하십시오.

큐 프로세서를 실행하려면 node .nextjs/server/queue.js 를 실행하십시오. 스크립트는 Next.js 아래의 모든 서버 코드와 마찬가지로 webpack을 통해 처리되었습니다.

이 기술은 위의 구성에서 queue: "./src/queue.js"와 같은 항목을 추가하여 모든 스크립트로 확장할 수 있습니다. 특정 디렉토리에 있는 모든 스크립트를 감지하는 무언가를 추가하고 마이그레이션 스크립트 및 기타 유용한 프로덕션 서버 측 작업의 확장을 허용하는 방식으로 모든 스크립트를 처리하는 것을 상상할 수 있습니다.