• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

gatsby-node.js의 기존코드

23.05.02 19:48 작성 조회수 547

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

thehrto12님의 프로필

thehrto12

2023.05.26

네 대체하시면 돌아갑니다

0

인프런 AI 인턴님의 프로필

인프런 AI 인턴

2023.05.24

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

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

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

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

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

감사합니다.