Karena simpulnya, gatsby-node.js
menggunakan commonjs, komponen menggunakan modul ES6.
Katakanlah saya ingin berbagi fungsi yang menghitung siput dari halaman yang dibuat:
/* export ? */ function getSlug(post) {
return `/posts/${post.data}${post.title.toLowerCase()}`
}
/* module.exports = { getSlug }; ? */
Sekarang saya ingin mengimpor fungsi ini dalam format
gatsby-node.js
untuk digunakan di API createPage
Posts.js
untuk menautkan ke jalur posting individu.Bagaimana Anda merekomendasikan berbagi kode & menangani sistem modul yang berbeda dalam kasus ini?
Dari pengalaman saya, Anda bisa mengimpor modul node dalam kode browser Anda seperti biasa, kecuali Anda menggunakan Node API. Apakah Anda menghadapi masalah?
// shared.js
function getSlug(post) {
return `/posts/${post.data}${post.title.toLowerCase()}`
}
module.exports = { getSlug }
// Posts.js
import { getSlug } from './path/to/shared.js'
Komentar yang paling membantu
Dari pengalaman saya, Anda bisa mengimpor modul node dalam kode browser Anda seperti biasa, kecuali Anda menggunakan Node API. Apakah Anda menghadapi masalah?