강의

멘토링

커뮤니티

Inflearn コミュニティ Q&A

jaysss のプロフィール画像
jaysss

投稿した質問数

ReactベースのGatsbyで技術ブログを開発する

TypeScript開発環境の構成

gatsby-node.js의 기존코드

作成

·

809

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'),
      },
    },
  })
}

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

블로그gatsby

回答 2

0

네 대체하시면 돌아갑니다

0

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

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

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

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

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

감사합니다.

jaysss のプロフィール画像
jaysss

投稿した質問数

質問する