Gatsby: `src/data`๋Š” es6 ๋ชจ๋“ˆ ๊ฐ€์ ธ์˜ค๊ธฐ/๋‚ด๋ณด๋‚ด๊ธฐ๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๊นŒ?

์— ๋งŒ๋“  2018๋…„ 03์›” 23์ผ  ยท  1๋…ผํ‰  ยท  ์ถœ์ฒ˜: gatsbyjs/gatsby

์ด๊ฒƒ์ด ์˜๋„๋œ ๊ฒƒ์ธ์ง€ ํ™•์‹คํ•˜์ง€ ์•Š์ง€๋งŒ ์ด ์ฝ”๋“œ๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค.

import file from './file';
export default [file];

์ด ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค.

 Error: /file/index.js:1
  (function (exports, require, module, __filename, __dirname) { import file from './file';
                                                                ^^^^^^
  SyntaxError: Unexpected token import

ํ•˜์ง€๋งŒ ์ด๊ฒƒ์€ ์ž˜ ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค!

const file = require('./file');
module.exports = [file];

์ด ๋ฌธ์„œ์˜ ๋งจ ์•„๋ž˜์— src ํ•˜์œ„ ๋””๋ ‰ํ† ๋ฆฌ์— ํŒŒ์ผ์„ ๋„ฃ์œผ๋ฉด es6์„ ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ๋‹ค๊ณ  ๋‚˜์™€ ์žˆ์Šต๋‹ˆ๋‹ค. (https://www.gatsbyjs.org/docs/plugin-authoring/#local-plugins)

์ด๊ฒƒ์€ ์˜๋„๋œ ๊ฒƒ์ž…๋‹ˆ๊นŒ ์•„๋‹ˆ๋ฉด ์ œ๊ฐ€ ๋ญ”๊ฐ€๋ฅผ ๋†“์น˜๊ณ  ์žˆ๋Š” ๊ฒƒ์ž…๋‹ˆ๊นŒ?

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

ํŒŒ์ผ์„ src ํ•˜์œ„ ํด๋” ์— ๋„ฃ๊ณ  ํ”Œ๋Ÿฌ๊ทธ์ธ ํด๋” ๋ฃจํŠธ์— ๋นŒ๋“œํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

ํ•ด๋‹น ๋ฌธ์žฅ์˜ ๋งˆ์ง€๋ง‰ ๋ถ€๋ถ„์— ์„ค๋ช…๋œ ๋Œ€๋กœ ๋นŒ๋“œ ๋‹จ๊ณ„๊ฐ€ ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค. Node.js๋Š” Node 10๊นŒ์ง€ ๊ฐ€์ ธ์˜ค๊ธฐ/๋‚ด๋ณด๋‚ด๊ธฐ๋ฅผ ์ง€์›ํ•˜์ง€ ์•Š๊ณ  .mjs ํŒŒ์ผ์—์„œ๋งŒ ์ง€์›ํ•ฉ๋‹ˆ๋‹ค.

>๋ชจ๋“  ๋Œ“๊ธ€

ํŒŒ์ผ์„ src ํ•˜์œ„ ํด๋” ์— ๋„ฃ๊ณ  ํ”Œ๋Ÿฌ๊ทธ์ธ ํด๋” ๋ฃจํŠธ์— ๋นŒ๋“œํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

ํ•ด๋‹น ๋ฌธ์žฅ์˜ ๋งˆ์ง€๋ง‰ ๋ถ€๋ถ„์— ์„ค๋ช…๋œ ๋Œ€๋กœ ๋นŒ๋“œ ๋‹จ๊ณ„๊ฐ€ ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค. Node.js๋Š” Node 10๊นŒ์ง€ ๊ฐ€์ ธ์˜ค๊ธฐ/๋‚ด๋ณด๋‚ด๊ธฐ๋ฅผ ์ง€์›ํ•˜์ง€ ์•Š๊ณ  .mjs ํŒŒ์ผ์—์„œ๋งŒ ์ง€์›ํ•ฉ๋‹ˆ๋‹ค.

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰

๊ด€๋ จ ๋ฌธ์ œ

ghost picture ghost  ยท  3์ฝ”๋ฉ˜ํŠธ

theduke picture theduke  ยท  3์ฝ”๋ฉ˜ํŠธ

dustinhorton picture dustinhorton  ยท  3์ฝ”๋ฉ˜ํŠธ

hobochild picture hobochild  ยท  3์ฝ”๋ฉ˜ํŠธ

benstr picture benstr  ยท  3์ฝ”๋ฉ˜ํŠธ