강의

멘토링

커뮤니티

Cộng đồng Hỏi & Đáp của Inflearn

Hình ảnh hồ sơ của jaysss
jaysss

câu hỏi đã được viết

Phát triển blog công nghệ với Gatsby dựa trên React

Định cấu hình môi trường phát triển TypeScript

gatsby-node.js의 기존코드

Viết

·

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

Câu trả lời 2

0

네 대체하시면 돌아갑니다

0

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

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

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

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

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

감사합니다.

Hình ảnh hồ sơ của jaysss
jaysss

câu hỏi đã được viết

Đặt câu hỏi