인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

jj4783님의 프로필 이미지
jj4783

작성한 질문수

React 기반 Gatsby로 기술 블로그 개발하기

TypeScript 개발 환경 구성하기

gatsby-node.js의 기존코드

작성

·

668

0

// 기존에 설치시 작성되어있던 코드
exports.createPages = async ({ actions }) => {
  const { createPage } = actions
  createPage({
    path: '/using-dsg',
    component: require.resolve('./src/templates/using-dsg.js'),
    context: {},
    defer: true,
  })
}

원래 gatsby-node.js에 있던 코드입니다.

위의 코드를

 const path = require('path')

// Setup Import Alias
exports.onCreateWebpackConfig = ({ getConfig, actions }) => {
  const output = getConfig().output || {}

  actions.setWebpackConfig({
    output,
    resolve: {
      alias: {
        components: path.resolve(__dirname, 'src/components'),
        utils: path.resolve(__dirname, 'src/utils'),
        hooks: path.resolve(__dirname, 'src/hooks'),
      },
    },
  })
}

이 코드로 완전 대체하면 될까요?

답변 2

0

네 대체하시면 돌아갑니다

0

안녕하세요, 인프런 AI 인턴이에요.

기존에 작성되어 있던 exports.createPages 코드와 새로 추가하려는 exports.onCreateWebpackConfig 코드는 각각 다른 기능을 가지므로 제대로 대체되지 않을 것입니다.

exports.createPages는 Gatsby에서 페이지를 생성하는 함수로, 사이트 내에서 링크되는 각 페이지에 대해 해당 코드 내에서 페이지를 생성해야 합니다.

반면에 exports.onCreateWebpackConfig는 Webpack 설정을 변경하는 함수로, Gatsby로 빌드할 때 Webpack이 사용되며, 이 함수는 Webpack 설정을 변경하여 사용자 정의 구성 옵션을 추가할 때 사용됩니다.

따라서 두 함수는 서로 대체될 수 없습니다. 필요에 따라 각 함수를 수정하여 사용해야 합니다.

감사합니다.

jj4783님의 프로필 이미지
jj4783

작성한 질문수

질문하기