Razzle: create-react-app์„ razzle๋กœ ๋ณ€ํ™˜

์— ๋งŒ๋“  2018๋…„ 11์›” 30์ผ  ยท  9์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: jaredpalmer/razzle

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

์ด์— ๋Œ€ํ•œ ๊ธ€์„ ์ž‘์„ฑํ•ด์•ผ๊ฒ ์Šต๋‹ˆ๋‹ค. ์ƒ๋‹นํžˆ ์ง๊ด€์ ์ž…๋‹ˆ๋‹ค. .gql ๋ฐ node_modules ์ปดํŒŒ์ผ๊ณผ ๊ฐ™์€ ์ตœ์‹  CRA ๊ธฐ๋Šฅ ์ค‘ ์ผ๋ถ€๋ฅผ ๋”ฐ๋ผ์žก์•„์•ผ ํ•˜์ง€๋งŒ

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

๋‚ด create-react-app์„ razzle ์•ฑ์œผ๋กœ ๋ณ€ํ™˜ํ•  ์ˆ˜ ์žˆ๋‚˜์š”

๊ธ€์Ž„, ์‘์šฉ ํ”„๋กœ๊ทธ๋žจ์˜ ๋Œ€๋ถ€๋ถ„์€ ๋ณต์‚ฌ ๋ถ™์—ฌ ๋„ฃ๊ธฐ ๋งŒํ•˜๋ฉด๋ฉ๋‹ˆ๋‹ค ...
์„œ๋ฒ„์™€ ํด๋ผ์ด์–ธํŠธ์—์„œ ๋‹ค๋ฅด๊ฒŒ ์‹œ์ž‘ํ•˜๋ ค๋ฉด ์ƒํƒœ ๊ด€๋ฆฌ์ž(redux, mobx)์™€ ๊ฐ™์€ ์ผ๋ถ€ ํ•ญ๋ชฉ์„ ๋ฆฌํŒฉํ† ๋งํ•ด์•ผ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ์ฃผ์š” ๋‚ด๋ถ€๋Š” ๋ณต์‚ฌ/๋ถ™์—ฌ๋„ฃ๊ธฐ์—ฌ์•ผ ํ•ฉ๋‹ˆ๋‹ค.

LocalStorage๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์ธ์ฆ ํ† ํฐ์„ ์ฒ˜๋ฆฌํ•˜๋Š” ๊ฒฝ์šฐ LocalStorage๊ฐ€ SSR์—์„œ ์ž‘๋™ํ•˜์ง€ ์•Š์œผ๋ฏ€๋กœ ์ฟ ํ‚ค๋ฅผ ์‚ฌ์šฉํ•˜๋„๋ก ๋ฆฌํŒฉํ† ๋งํ•˜๋Š” ๊ฒƒ์ด ์ข‹์Šต๋‹ˆ๋‹ค.

์ด์— ๋Œ€ํ•œ ๊ธ€์„ ์ž‘์„ฑํ•ด์•ผ๊ฒ ์Šต๋‹ˆ๋‹ค. ์ƒ๋‹นํžˆ ์ง๊ด€์ ์ž…๋‹ˆ๋‹ค. .gql ๋ฐ node_modules ์ปดํŒŒ์ผ๊ณผ ๊ฐ™์€ ์ตœ์‹  CRA ๊ธฐ๋Šฅ ์ค‘ ์ผ๋ถ€๋ฅผ ๋”ฐ๋ผ์žก์•„์•ผ ํ•˜์ง€๋งŒ

@jaredpalmer .gql ํŒŒ์ผ๊ณผ ๊ด€๋ จ๋œ PR(#841)์ด ์—ด๋ ค ์žˆ์Šต๋‹ˆ๋‹ค.

๋‹ต์žฅ์„ ๋ณด๋‚ด ์ฃผ์…”์„œ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค. ๋‚˜๋Š” nextjs๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์‹ฌ๊ฐํ•œ ๋‘ํ†ต์ด ์žˆ์Šต๋‹ˆ๋‹ค. ๋‚ด create react ์•ฑ์—์„œ ์‚ฌ์šฉํ•œ ๋Œ€๋ถ€๋ถ„์˜ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋Š” nextjs์—์„œ ๊ณ„์† ์˜ค๋ฅ˜๋ฅผ ๋˜์กŒ์Šต๋‹ˆ๋‹ค.

์•ˆ๋…•ํ•˜์„ธ์š”, ์ด ํŒจํ‚ค์ง€ react-images-upload๋ฅผ razzlejs์™€ ํ•จ๊ป˜ ์‚ฌ์šฉํ•˜๋ ค๊ณ  ์‹œ๋„ํ•˜๋Š” ๋™์•ˆ ๊ตฌ๋ฌธ ์˜ค๋ฅ˜ ๋ฌธ์ œ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค.

razzle๊ณผ ํ•จ๊ป˜ react-images-upload๋ฅผ ์‚ฌ์šฉํ•  ๋•Œ ์ด ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค. ๋‚ด๊ฐ€ ๋ฌด์—‡์„ ํ•ฉ๋‹ˆ๊นŒ?

C:\Projects\razzlejs-projects\test-appnode_modules\react-images-upload\UploadIcon. svg:1
(ํ•จ์ˆ˜(๋‚ด๋ณด๋‚ด๊ธฐ, ํ•„์š”, ๋ชจ๋“ˆ, __filename, __dirname) {

๊ตฌ๋ฌธ ์˜ค๋ฅ˜: ์˜ˆ๊ธฐ์น˜ ์•Š์€ ํ† ํฐ <
์ƒˆ ์Šคํฌ๋ฆฝํŠธ์—์„œ(vm.js:79:7)
createScript์—์„œ(vm.js:251:10)
Object.runInThisContext์—์„œ(vm.js:303:10)
Module._compile์—์„œ (internal/modules/cjs/loader.js:657:28)
Object.Module._extensions..js์—์„œ (internal/modules/cjs/loader.js:700:10)
Module.load์—์„œ (internal/modules/cjs/loader.js:599:32)
tryModuleLoad์—์„œ(internal/modules/cjs/loader.js:538:12)
Function.Module._load์—์„œ (internal/modules/cjs/loader.js:530:3)
Module.require์—์„œ (internal/modules/cjs/loader.js:637:17)
ํ•„์š” ์‹œ(internal/modules/cjs/helpers.js:22:18)

@jaredpalmer ์ด์— ๋Œ€ํ•œ ๋ธ”๋กœ๊ทธ ๊ฒŒ์‹œ๋ฌผ์˜ ์—…๋ฐ์ดํŠธ๊ฐ€ ์žˆ์Šต๋‹ˆ๊นŒ? :)

@jaredpalmer CRA๋ฅผ Razzle๋กœ ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜ํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•œ ๊ฒŒ์‹œ๋ฌผ์„ ์ž‘์„ฑํ•ด ์ฃผ์‹œ๊ฒ ์Šต๋‹ˆ๊นŒ?

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