{"id":398,"date":"2026-08-01T00:03:55","date_gmt":"2026-08-01T00:03:55","guid":{"rendered":"https:\/\/gilnas.synology.me\/wordpress\/398\/"},"modified":"2026-08-01T00:03:55","modified_gmt":"2026-08-01T00:03:55","slug":"vite-8-2%ec%99%80-rolldown-1-2-1-nuxt-%eb%b9%8c%eb%93%9c-%ec%b5%9c%ec%a0%81%ed%99%94%ec%9d%98-%ea%b5%90%ec%b0%a8%ec%a0%90-three-day-frontend-operations-across-vite-rolldown-and-nuxt","status":"publish","type":"post","link":"https:\/\/gilnas.synology.me\/wordpress\/398\/","title":{"rendered":"Vite 8.2\uc640 Rolldown 1.2.1, Nuxt \ube4c\ub4dc \ucd5c\uc801\ud654\uc758 \uad50\ucc28\uc810 | Three-Day Frontend Operations Across Vite, Rolldown, and Nuxt"},"content":{"rendered":"
\"Vite<\/figure>\n

\uc694\uc57d:<\/strong> 2026\ub144 8\uc6d4 1\uc77c KST \uae30\uc900 \ucd5c\uadfc 72\uc2dc\uac04\uc758 Nuxt\u00b7Vue\u00b7Vite \ud504\ub860\ud2b8\uc5d4\ub4dc \ud750\ub984\uc740 Vite 8.2.0\uc758 \uc815\uc2dd \ubc30\ud3ec<\/strong>, Rolldown 1.2.1\uc758 \ucf54\ub4dc \ubd84\ud560\u00b7HMR \ubcf4\uac15<\/strong>, \uadf8\ub9ac\uace0 Nuxt main \ube0c\ub79c\uce58\uc758 \uc11c\ubc84 \ubc88\ub4e4\u00b7\ud398\uc774\uc9c0 \uba54\ud0c0 \ucd5c\uc801\ud654\uac00 \ub9cc\ub098\ub294 \uad6c\uac04\uc774\ub2e4. \uc9c0\uae08 \uc6b4\uc601 \uc911\uc778 Nuxt \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc740 \uc989\uc2dc \ub300\uaddc\ubaa8 \uc804\ud658\ubcf4\ub2e4 \ube4c\ub4dc \uc7ac\ud604\uc131, \ub3d9\uc801 import \uacbd\uacc4, SSR \uc81c\uc678 \ud398\uc774\uc9c0\uc758 \ubc88\ub4e4 \ud06c\uae30\ub97c \uce21\uc815\ud558\uba70 \uc5c5\uadf8\ub808\uc774\ub4dc\ub97c \uc900\ube44\ud558\ub294 \ud3b8\uc774 \uc548\uc804\ud558\ub2e4.<\/p>\n

\ud575\uc2ec \ub2f5\ubcc0<\/h2>\n

\uc774\ubc88 3\uc77c\uc758 \uac00\uc7a5 \uc2e4\uc6a9\uc801\uc778 \uacb0\ub860\uc740 \uba85\ud655\ud558\ub2e4. Vite 8.2.0\uacfc Rolldown 1.2.1\uc740 \uc2e4\uc81c \ub9b4\ub9ac\uc988\uc774\ubbc0\ub85c \uaca9\ub9ac\ub41c CI\u00b7\uc2a4\ud14c\uc774\uc9d5\uc5d0\uc11c \uac80\uc99d\ud560 \uc218 \uc788\uace0<\/strong>, Nuxt\uc758 \uc11c\ubc84 \ubc88\ub4e4 \ud2b8\ub9ac\uc170\uc774\ud0b9\u00b7Rolldown peer dependency\u00b7definePageMeta<\/code> \ube4c\ub4dc \ucd5c\uc801\ud654\ub294 \uc544\uc9c1 main \ube0c\ub79c\uce58 \uac1c\ubc1c \uc791\uc5c5<\/strong>\uc774\ubbc0\ub85c \ubc30\ud3ec \ubc84\uc804\uc73c\ub85c \uac04\uc8fc\ud574\uc11c\ub294 \uc548 \ub41c\ub2e4. \uac1c\ubc1c\ud300\uc740 \ub864\ub9c1 \uc5c5\uadf8\ub808\uc774\ub4dc \uc804\uc5d0 production build, SSR \ub77c\uc6b0\ud2b8, dynamic import \ubc0f \ud50c\ub7ec\uadf8\uc778 \ud6c5\uc744 \ud568\uaed8 \uac80\uc0ac\ud574\uc57c \ud55c\ub2e4.<\/p>\n

3\uc77c \uacb0\ub860: \ubc88\ub4e4\ub7ec \uc804\ud658\uc758 \uac00\uce58\ub294 \u2018\uc18d\ub3c4\u2019\ubcf4\ub2e4 \uad00\uce21 \uac00\ub2a5\ud55c \uc548\uc815\uc131<\/h2>\n

Nuxt\/Vite \uc0dd\ud0dc\uacc4\uc5d0\uc11c Rolldown \ud1b5\ud569\uc740 \ub2e8\uc21c\ud788 \ube4c\ub4dc \uc2dc\uac04\uc744 \uc904\uc774\ub294 \uc774\uc57c\uae30\uac00 \uc544\ub2c8\ub2e4. \uc774\ubc88 \uae30\uac04 \uacf5\uac1c\ub41c \ub9b4\ub9ac\uc988\uc640 main \ubcc0\uacbd\uc740 \ucf54\ub4dc \ubd84\ud560\uc758 \uc2e4\ud589 \uc21c\uc11c, HMR\uc5d0\uc11c \uc2e4\uc81c\ub85c \ubc14\ub00c\uc9c0 \uc54a\uc740 \ubaa8\ub4c8\uc758 \uac31\uc2e0 \uc5b5\uc81c, \ud50c\ub7ec\uadf8\uc778 \ud0c0\uc774\ubc0d \uad00\uce21, SSR \uc804\uc6a9 \ubc88\ub4e4 \uc81c\uac70\ucc98\ub7fc \uc6b4\uc601 \ud488\uc9c8\uc5d0 \uc9c1\uc811 \uc5f0\uacb0\ub418\ub294 \uc601\uc5ed\uc5d0 \uc9d1\uc911\ud55c\ub2e4. \uc989, \ud504\ub860\ud2b8\uc5d4\ub4dc \ud300\uc758 \uc9c8\ubb38\uc740 \u201c\uc0c8 \ubc88\ub4e4\ub7ec\uac00 \ub354 \ube60\ub978\uac00?\u201d\uc5d0\uc11c \u201c\uc6b0\ub9ac\uc758 \uccad\ud06c \uacbd\uacc4\u00b7\ud50c\ub7ec\uadf8\uc778\u00b7\uc11c\ubc84 \ub80c\ub354\ub9c1\uc774 \ubc14\ub00c\uc5b4\ub3c4 \uc608\uce21 \uac00\ub2a5\ud55c\uac00?\u201d\ub85c \uc62e\uaca8\uc57c \ud55c\ub2e4.<\/p>\n

\ud655\uc778\ub41c \uc774\uc288 1: Vite 8.2.0 \uc815\uc2dd \ubc30\ud3ec\uc640 create-vite 9.1.2<\/h2>\n

\uc0ac\uc2e4<\/h3>\n

Vite\ub294 7\uc6d4 30\uc77c UTC\uc5d0 Vite 8.2.0<\/a>\uacfc create-vite 9.1.2<\/a>\ub97c \ub9b4\ub9ac\uc988\ud588\ub2e4. npm \ub808\uc9c0\uc2a4\ud2b8\ub9ac\ub3c4 \uac19\uc740 \ub0a0 vite 8.2.0<\/a> \ubc30\ud3ec\ub97c \uae30\ub85d\ud55c\ub2e4. \ub9b4\ub9ac\uc988 \ubcf8\ubb38\uc740 \uc138\ubd80 \ubcc0\uacbd \uc0ac\ud56d\uc758 \uae30\uc900\uc73c\ub85c \ud0dc\uadf8\ub41c Vite 8.2.0 CHANGELOG<\/a>\ub97c \uac00\ub9ac\ud0a8\ub2e4.<\/p>\n

\uc2dc\uc0ac\uc810<\/h3>\n

\uc815\uc2dd \ubc84\uc804\uc774\ub77c\ub294 \uc0ac\uc2e4\ub9cc\uc73c\ub85c \uae30\uc874 Nuxt \ud504\ub85c\uc81d\ud2b8\uc758 \uc989\uc2dc \uc5c5\uadf8\ub808\uc774\ub4dc\uac00 \ubcf4\uc7a5\ub418\uc9c0\ub294 \uc54a\ub294\ub2e4. Nuxt\uc758 \uc9c0\uc6d0 \ubc94\uc704\uc640 lockfile\uc744 \uba3c\uc800 \ud655\uc778\ud558\uace0, \uac1c\ubc1c \uc11c\ubc84\ubfd0 \uc544\ub2c8\ub77c \uc815\uc801 \uc790\uc0b0 URL, HTML transform, SSR \ube4c\ub4dc, \ud14c\uc2a4\ud2b8 \ub7ec\ub108\uae4c\uc9c0 \ub3d9\uc77c\ud55c Node\u00b7\ud328\ud0a4\uc9c0 \uc7a0\uae08 \uc0c1\ud0dc\uc5d0\uc11c \ube44\uad50\ud574\uc57c \ud55c\ub2e4. \ud2b9\ud788 \ube4c\ub4dc \ub3c4\uad6c\uc758 \ub9c8\uc774\ub108 \ub9b4\ub9ac\uc988\ub3c4 \ud50c\ub7ec\uadf8\uc778 \ud574\uc11d\uacfc \uc785\ub825 \uacbd\uacc4\ub97c \uac74\ub4dc\ub9b4 \uc218 \uc788\uc73c\ubbc0\ub85c CI \uce90\uc2dc\ub97c \ube44\uc6b4 \ud55c \ubc88\uc758 clean build\uac00 \ud544\uc694\ud558\ub2e4.<\/p>\n

\ud655\uc778\ub41c \uc774\uc288 2: Rolldown 1.2.1\uc774 \ucf54\ub4dc \ubd84\ud560\uacfc HMR\uc758 \uacbd\uacc4\ub97c \ubcf4\uac15<\/h2>\n

\uc0ac\uc2e4<\/h3>\n

Rolldown 1.2.1<\/a>\uc740 7\uc6d4 29\uc77c UTC\uc5d0 \uacf5\uac1c\ub410\ub2e4. \uacf5\uc2dd \ub9b4\ub9ac\uc988 \ub178\ud2b8\uc5d0\ub294 \ubcc0\uacbd\ub418\uc9c0 \uc54a\uc740 \ubaa8\ub4c8\uc758 HMR \uc5c5\ub370\uc774\ud2b8\ub97c \uac74\ub108\ub6f0\ub294 \ub3d9\uc791, hotUpdate<\/code> \ud6c5, \ud50c\ub7ec\uadf8\uc778 \ucd9c\ub825 \uc635\uc158 \ucf5c\ubc31\uc758 PLUGIN_TIMINGS<\/code> \ub178\ucd9c, strict execution order \ubc0f CommonJS barrel \uad00\ub828 \ucf54\ub4dc \ubd84\ud560 \uc218\uc815\uc774 \ud3ec\ud568\ub41c\ub2e4. npm\ub3c4 rolldown 1.2.1<\/a>\uc744 \uac19\uc740 \uae30\uac04 \ucd5c\uc2e0 \ubc30\ud3ec\ub85c \ud45c\uc2dc\ud55c\ub2e4.<\/p>\n

\uc2dc\uc0ac\uc810<\/h3>\n

\uc774\ub294 Vite\/Rolldown \uae30\ubc18 \uac1c\ubc1c \ud658\uacbd\uc5d0\uc11c \u201cHMR\uc774 \ub410\ub2e4\u201d\ub294 \uc218\ub3d9 \ud655\uc778\ub9cc\uc73c\ub85c \ucda9\ubd84\ud558\uc9c0 \uc54a\ub2e4\ub294 \ub73b\uc774\ub2e4. \ub3d9\uc801 import, \uc7ac\ub178\ucd9c(barrel) \ubaa8\ub4c8, CommonJS \uc758\uc874\uc131, \uc5c4\uaca9\ud55c \uc2e4\ud589 \uc21c\uc11c\uac00 \uc5bd\ud78c \ud654\uba74\uc744 \ud14c\uc2a4\ud2b8 \uc2dc\ub098\ub9ac\uc624\uc5d0 \ub123\uc5b4\uc57c \ud55c\ub2e4. \ud50c\ub7ec\uadf8\uc778\uc744 \ub9ce\uc774 \uc4f0\ub294 \uc800\uc7a5\uc18c\ub77c\uba74 \uc0c8\ub85c\uc6b4 \ud0c0\uc774\ubc0d \uc815\ubcf4\ub85c \ub290\ub9b0 \ud6c5\uc744 \ucc3e\uc544\ub0bc \uc5ec\uc9c0\ub3c4 \uc788\ub2e4. \ub2e4\ub9cc Nuxt\uac00 \uc774 \ubcc0\uacbd\uc744 \uc5b4\ub5a4 \ubc84\uc804 \uc870\ud569\uc73c\ub85c \uc18c\ube44\ud558\ub294\uc9c0\ub294 \ubcc4\ub3c4 \uac80\uc99d \ub300\uc0c1\uc774\uba70, Rolldown \ub9b4\ub9ac\uc988 \uc790\uccb4\ub97c Nuxt \ub7f0\ud0c0\uc784 \ubcc0\uacbd\uc73c\ub85c \uacfc\uc7a5\ud574\uc11c\ub294 \uc548 \ub41c\ub2e4.<\/p>\n

\ud655\uc778\ub41c \uc774\uc288 3: Nuxt main\uc758 \uc11c\ubc84 \ubc88\ub4e4\u00b7\uba54\ud0c0\ub370\uc774\ud130\u00b7Rolldown \uc815\ub82c \uc791\uc5c5<\/h2>\n

\uc0ac\uc2e4 \u2014 \uc544\uc9c1 \ub9b4\ub9ac\uc988\ub418\uc9c0 \uc54a\uc740 \uac1c\ubc1c \ube0c\ub79c\uce58 \uc791\uc5c5<\/h3>\n

\ucd5c\uadfc 72\uc2dc\uac04 Nuxt main \ucee4\ubc0b<\/a>\uc5d0\ub294 ssr: false<\/code> \ud398\uc774\uc9c0\ub97c \uc11c\ubc84 \ubc88\ub4e4\uc5d0\uc11c tree-shake\ud558\ub294 \uc131\ub2a5 \uc791\uc5c5\uc774 \ub4e4\uc5b4\uac14\ub2e4. \uc774\uc5b4 definePageMeta\uc758 \uc9c1\ub82c\ud654 \uac00\ub2a5\ud55c \ud0a4\ub97c \ube4c\ub4dc \uc2dc \ucd94\ucd9c<\/a>\ud558\ub294 \uc791\uc5c5, Vite\uac00 \uac00\uc9c4 Rolldown \uc0ac\ubcf8\uc744 \uc7ac\uc0ac\uc6a9\ud558\ub3c4\ub85d peer dependency\ub97c \uc870\uc815<\/a>\ud558\ub294 \ubcc0\uacbd, \uadf8\ub9ac\uace0 \uc911\ucca9 \ud50c\ub7ec\uadf8\uc778\uc758 enforce \uc21c\uc11c\ub97c Vite wrapper\uc5d0\uc11c \uc874\uc911<\/a>\ud558\ub294 \uc218\uc815\uc774 \ud655\uc778\ub41c\ub2e4.<\/p>\n

\uc2dc\uc0ac\uc810<\/h3>\n

\uc774\ub4e4\uc740 8\uc6d4 1\uc77c KST \ud604\uc7ac \uacf5\uac1c \ub9b4\ub9ac\uc988 \ub178\ud2b8\uac00 \uc544\ub2cc main \ube0c\ub79c\uce58\uc758 \uac1c\ubc1c \uc0ac\ud56d\uc774\ub2e4. \ub530\ub77c\uc11c \uc6b4\uc601 \uc11c\ube44\uc2a4\uc5d0 cherry-pick\ud558\uac70\ub098 \ubc30\ud3ec \ubc84\uc804\ucc98\ub7fc \uc758\uc874\ud558\uba74 \uc548 \ub41c\ub2e4. \ud558\uc9c0\ub9cc \ub2e4\uc74c Nuxt \uc5c5\ub370\uc774\ud2b8\ub97c \uc900\ube44\ud558\ub294 \ud300\uc5d0\ub294 \uc720\uc6a9\ud55c \uc2e0\ud638\ub2e4. \ud074\ub77c\uc774\uc5b8\ud2b8 \uc804\uc6a9 \ud398\uc774\uc9c0\uac00 \uc11c\ubc84 \uc0b0\ucd9c\ubb3c\uc5d0 \uc5bc\ub9c8\ub098 \ub0a8\ub294\uc9c0, definePageMeta<\/code>\uc5d0 \ud070 \uac1d\uccb4\ub97c \ub123\uace0 \uc788\uc9c0 \uc54a\uc740\uc9c0, \ud50c\ub7ec\uadf8\uc778 \uc21c\uc11c\ub97c enforce<\/code>\uc5d0 \uc758\uc874\ud558\ub294\uc9c0 \uc9c0\uae08 \uce21\uc815\ud558\uba74 \ud5a5\ud6c4 \uc5c5\uadf8\ub808\uc774\ub4dc \ub9ac\uc2a4\ud06c\ub97c \uc904\uc77c \uc218 \uc788\ub2e4.<\/p>\n

\ud655\uc778\ub41c \uc774\uc288 4: Nitro\uc758 Vite \uac1c\ubc1c \uc11c\ubc84 hot reload \ubcf4\uc644<\/h2>\n

\uc0ac\uc2e4 \u2014 \uc544\uc9c1 \ub9b4\ub9ac\uc988\ub418\uc9c0 \uc54a\uc740 \uac1c\ubc1c \ube0c\ub79c\uce58 \uc791\uc5c5<\/h3>\n

Nitro main\uc5d0\ub294 7\uc6d4 31\uc77c UTC\uc5d0 updateConfig \uc774\ud6c4 rollup:reload\ub97c \uad6c\ub3c5\ud574 hot-reload\ud558\ub3c4\ub85d \ud558\ub294 \uc218\uc815<\/a>\uc774 \ub4e4\uc5b4\uac14\ub2e4. \uc774\ub294 Nitro\uac00 \ucd5c\uadfc 72\uc2dc\uac04 \uc0c8 \uc548\uc815\ud310\uc744 \ubc30\ud3ec\ud588\ub2e4\ub294 \uc758\ubbf8\uac00 \uc544\ub2c8\ub77c, Vite \ud658\uacbd\uacfc \uc11c\ubc84 \ub7f0\ud0c0\uc784 \uc124\uc815 \uac31\uc2e0\uc758 \uc811\uc810\uc744 \ub2e4\ub4ec\ub294 \uc9c4\ud589 \uc911\uc778 \uc791\uc5c5\uc774\ub2e4.<\/p>\n

\uc2dc\uc0ac\uc810<\/h3>\n

Nuxt \uac1c\ubc1c \uc11c\ubc84\uc5d0\uc11c runtime config \ub610\ub294 Nitro \uad00\ub828 \uc124\uc815 \ubcc0\uacbd \ub4a4 \uc7ac\uc2dc\uc791\uc774 \ud544\uc694\ud55c\uc9c0 \uc560\ub9e4\ud588\ub358 \ud300\uc740 \uc7ac\ud604 \ucf00\uc774\uc2a4\ub97c \ubb38\uc11c\ud654\ud560 \uc2dc\uc810\uc774\ub2e4. \ud604\uc7ac \uc0ac\uc6a9 \uc911\uc778 \uc548\uc815 \ubc84\uc804\uc5d0\uc11c \ud574\uacb0\uc744 \uae30\ub300\ud558\uae30\ubcf4\ub2e4, \uc124\uc815 \ubcc0\uacbd\u00b7API route \uc218\uc815\u00b7\ud504\ub85d\uc2dc \uc218\uc815 \ub4a4\uc758 HMR \ub3d9\uc791\uc744 CI\uac00 \uc544\ub2cc \ub85c\uceec \uac1c\ubc1c \uccb4\ud06c\ub9ac\uc2a4\ud2b8\ub85c \ubd84\ub9ac\ud574 \uae30\ub85d\ud558\ub294 \uac83\uc774 \ud604\uc2e4\uc801\uc774\ub2e4.<\/p>\n

\ud504\ub860\ud2b8\uc5d4\ub4dc \uac1c\ubc1c\uc790 \uc561\uc158 \uccb4\ud06c\ub9ac\uc2a4\ud2b8<\/h2>\n