[{"data":1,"prerenderedAt":191},["ShallowReactive",2],{"term-r\u002Frolldown":3,"related-r\u002Frolldown":177},{"id":4,"title":5,"acronym":6,"body":7,"category":159,"description":160,"difficulty":161,"extension":162,"letter":163,"meta":164,"navigation":85,"path":165,"related":166,"seo":171,"sitemap":172,"stem":175,"subcategory":6,"__hash__":176},"terms\u002Fterms\u002Fr\u002Frolldown.md","Rolldown",null,{"type":8,"value":9,"toc":153},"minimark",[10,15,19,23,26,30,142,146,149],[11,12,14],"h2",{"id":13},"eli5-the-vibe-check","ELI5 - The Vibe Check",[16,17,18],"p",{},"Rolldown is Vite's answer to why do we need three different bundlers glued together. It's a Rust based bundler built to replace Rollup as Vite's production bundler while matching esbuild's dev server speed, meaning one fast tool instead of a Frankenstein pipeline. Think of it as Vite finally building its own engine instead of borrowing parts.",[11,20,22],{"id":21},"real-talk","Real Talk",[16,24,25],{},"Rolldown is a Rust based JavaScript bundler, built by the Vite team, designed to replace Rollup in Vite's production build pipeline while offering Rollup compatible APIs and plugin interfaces. It aims to unify Vite's dev time and build time bundling under one significantly faster native toolchain.",[11,27,29],{"id":28},"show-me-the-code","Show Me The Code",[31,32,37],"pre",{"className":33,"code":34,"language":35,"meta":36,"style":36},"language-typescript shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u002F\u002F vite.config.ts, opting into the Rolldown powered Vite build\nimport { defineConfig } from 'rolldown-vite'\n\nexport default defineConfig({\n  build: { target: 'es2022' }\n})\n","typescript","",[38,39,40,49,80,87,105,133],"code",{"__ignoreMap":36},[41,42,45],"span",{"class":43,"line":44},"line",1,[41,46,48],{"class":47},"sHwdD","\u002F\u002F vite.config.ts, opting into the Rolldown powered Vite build\n",[41,50,52,56,60,64,67,70,73,77],{"class":43,"line":51},2,[41,53,55],{"class":54},"s7zQu","import",[41,57,59],{"class":58},"sMK4o"," {",[41,61,63],{"class":62},"sTEyZ"," defineConfig",[41,65,66],{"class":58}," }",[41,68,69],{"class":54}," from",[41,71,72],{"class":58}," '",[41,74,76],{"class":75},"sfazB","rolldown-vite",[41,78,79],{"class":58},"'\n",[41,81,83],{"class":43,"line":82},3,[41,84,86],{"emptyLinePlaceholder":85},true,"\n",[41,88,90,93,96,99,102],{"class":43,"line":89},4,[41,91,92],{"class":54},"export",[41,94,95],{"class":54}," default",[41,97,63],{"class":98},"s2Zo4",[41,100,101],{"class":62},"(",[41,103,104],{"class":58},"{\n",[41,106,108,112,115,117,120,122,124,127,130],{"class":43,"line":107},5,[41,109,111],{"class":110},"swJcz","  build",[41,113,114],{"class":58},":",[41,116,59],{"class":58},[41,118,119],{"class":110}," target",[41,121,114],{"class":58},[41,123,72],{"class":58},[41,125,126],{"class":75},"es2022",[41,128,129],{"class":58},"'",[41,131,132],{"class":58}," }\n",[41,134,136,139],{"class":43,"line":135},6,[41,137,138],{"class":58},"}",[41,140,141],{"class":62},")\n",[11,143,145],{"id":144},"when-youll-hear-this","When You'll Hear This",[16,147,148],{},"\"Once Rolldown lands as Vite's default, our cold build times should drop dramatically.\" \u002F \"Rolldown still needs a few Rollup plugins ported before we can fully switch over.\"",[150,151,152],"style",{},"html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":36,"searchDepth":51,"depth":51,"links":154},[155,156,157,158],{"id":13,"depth":51,"text":14},{"id":21,"depth":51,"text":22},{"id":28,"depth":51,"text":29},{"id":144,"depth":51,"text":145},"frontend","Rolldown is Vite's answer to why do we need three different bundlers glued together.","intermediate","md","r",{},"\u002Fterms\u002Fr\u002Frolldown",[167,168,169,170],"Vite","Rollup","esbuild","Bundler",{"title":5,"description":160},{"changefreq":173,"priority":174},"weekly",0.7,"terms\u002Fr\u002Frolldown","9f5KxVTV2fyBmQ7BXPlVJJ6j_f_j0MW6I8qMRur5HxU",[178,182,185,188],{"title":170,"path":179,"acronym":6,"category":159,"difficulty":180,"description":181},"\u002Fterms\u002Fb\u002Fbundler","beginner","A bundler is the robot that smashes all your separate JavaScript files, CSS, images, and random imports into one (or a few) neat packages that the browser...",{"title":169,"path":183,"acronym":6,"category":159,"difficulty":161,"description":184},"\u002Fterms\u002Fe\u002Fesbuild","esbuild is a bundler written in Go (not JavaScript) which means it's absolutely unhinged fast — like 10-100x faster than other bundlers.",{"title":168,"path":186,"acronym":6,"category":159,"difficulty":161,"description":187},"\u002Fterms\u002Fr\u002Frollup","Rollup is the bundler you use when you're building a library rather than an app.",{"title":167,"path":189,"acronym":6,"category":159,"difficulty":180,"description":190},"\u002Fterms\u002Fv\u002Fvite","Vite is what happens when someone got sick of waiting 30 seconds for Webpack to start.",1792528118720]