작성
·
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 설정을 변경하여 사용자 정의 구성 옵션을 추가할 때 사용됩니다.
따라서 두 함수는 서로 대체될 수 없습니다. 필요에 따라 각 함수를 수정하여 사용해야 합니다.
감사합니다.