Gatsby: gatsby-node.js와 구성 요소간에 코드를 공유하는 권장 방법은 무엇입니까?

에 만든 2019년 10월 09일 · 1논평 · 출처: gatsbyjs/gatsby

노드이므로 gatsby-node.js 는 commonjs를 사용하고 구성 요소는 ES6 모듈을 사용합니다.

생성 된 페이지의 슬러그를 계산하는 함수를 공유하고 싶다고 가정 해 보겠습니다.

/* export ? */ function getSlug(post) {
   return `/posts/${post.data}${post.title.toLowerCase()}`
}

/* module.exports = { getSlug }; ? */

이제이 함수를

이 경우 코드를 공유하고 다른 모듈 시스템을 다루는 것을 어떻게 권장합니까?

question or discussion

출처

Kadrian

👍2

가장 유용한 댓글

내 경험상 Node API를 사용하지 않는 한 평소처럼 브라우저 코드에서 노드 모듈을 가져올 수 있습니다. 문제가 있습니까?

// shared.js
function getSlug(post) {
   return `/posts/${post.data}${post.title.toLowerCase()}`
}

module.exports = { getSlug }

// Posts.js
import { getSlug } from './path/to/shared.js'

universse 에 2019년 10월 10일

👍2

내 경험상 Node API를 사용하지 않는 한 평소처럼 브라우저 코드에서 노드 모듈을 가져올 수 있습니다. 문제가 있습니까?

// shared.js
function getSlug(post) {
   return `/posts/${post.data}${post.title.toLowerCase()}`
}

module.exports = { getSlug }

// Posts.js
import { getSlug } from './path/to/shared.js'

universse 에 2019년 10월 10일

👍2

이 페이지가 도움이 되었나요?

0 / 5 - 0 등급

[using-page-transitions] 페이지가 새 페이지로 전환되기 전에 맨 위로 스크롤됨

dustinhorton · 3코멘트

[gatsby-transformer-json] 속성별로 데이터 필터링

signalwerk · 3코멘트

시간 낭비

ghost · 3코멘트

Graphql: 쿼리 이름이 중복될 때 더 나은 오류 메시지 수정

timbrandin · 3코멘트

레이아웃 및 템플릿 - 현재 어떻게 작동하며 어떻게 작동합니까?

mikestopcontinues · 3코멘트