https://producthunt.programnotes.cn/en/tags/build-tooling/ Recent content in Build Tooling on Producthunt daily Hugo -- gohugo.io en Thu, 26 Jun 2025 15:29:52 +0800 https://producthunt.programnotes.cn/en/p/vite/ Thu, 26 Jun 2025 15:29:52 +0800 https://producthunt.programnotes.cn/en/p/vite/ <img src="https://images.unsplash.com/photo-1744215450843-e61c2ea318a6?ixid=M3w0NjAwMjJ8MHwxfHJhbmRvbXx8fHx8fHx8fDE3NTA5MjI5NzV8&ixlib=rb-4.1.0" alt="Featured image of post vite" /><h1 id="vitejsvite"><a class="link" href="https://github.com/vitejs/vite" target="_blank" rel="noopener" >vitejs/vite</a> </h1><p align="center"> <a href="https://vite.dev" target="_blank" rel="noopener noreferrer"> <img width="180" src="https://vite.dev/logo.svg" alt="Vite logo"> </a> </p> <br/> <p align="center"> <a href="https://npmjs.com/package/vite"><img src="https://img.shields.io/npm/v/vite.svg" alt="npm package"></a> <a href="https://nodejs.org/en/about/previous-releases"><img src="https://img.shields.io/node/v/vite.svg" alt="node compatibility"></a> <a href="https://github.com/vitejs/vite/actions/workflows/ci.yml"><img src="https://github.com/vitejs/vite/actions/workflows/ci.yml/badge.svg?branch=main" alt="build status"></a> <a href="https://pr.new/vitejs/vite"><img src="https://developer.stackblitz.com/img/start_pr_dark_small.svg" alt="Start new PR in StackBlitz Codeflow"></a> <a href="https://chat.vite.dev"><img src="https://img.shields.io/badge/chat-discord-blue?style=flat&logo=discord" alt="discord chat"></a> </p> <br/> <h1 id="vite-">Vite ⚡ </h1><blockquote> <p>Next Generation Frontend Tooling</p> </blockquote> <ul> <li>💡 Instant Server Start</li> <li>⚡️ Lightning Fast HMR</li> <li>🛠️ Rich Features</li> <li>📦 Optimized Build</li> <li>🔩 Universal Plugin Interface</li> <li>🔑 Fully Typed APIs</li> </ul> <p>Vite (French word for &ldquo;quick&rdquo;, pronounced <a class="link" href="https://cdn.jsdelivr.net/gh/vitejs/vite@main/docs/public/vite.mp3" target="_blank" rel="noopener" ><code>/vit/</code></a>, like &ldquo;veet&rdquo;) is a new breed of frontend build tooling that significantly improves the frontend development experience. It consists of two major parts:</p> <ul> <li> <p>A dev server that serves your source files over <a class="link" href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules" target="_blank" rel="noopener" >native ES modules</a>, with <a class="link" href="https://vite.dev/guide/features.html" target="_blank" rel="noopener" >rich built-in features</a> and astonishingly fast <a class="link" href="https://vite.dev/guide/features.html#hot-module-replacement" target="_blank" rel="noopener" >Hot Module Replacement (HMR)</a>.</p> </li> <li> <p>A <a class="link" href="https://vite.dev/guide/build.html" target="_blank" rel="noopener" >build command</a> that bundles your code with <a class="link" href="https://rollupjs.org" target="_blank" rel="noopener" >Rollup</a>, pre-configured to output highly optimized static assets for production.</p> </li> </ul> <p>In addition, Vite is highly extensible via its <a class="link" href="https://vite.dev/guide/api-plugin.html" target="_blank" rel="noopener" >Plugin API</a> and <a class="link" href="https://vite.dev/guide/api-javascript.html" target="_blank" rel="noopener" >JavaScript API</a> with full typing support.</p> <p><a class="link" href="https://vite.dev" target="_blank" rel="noopener" >Read the Docs to Learn More</a>.</p> <h2 id="packages">Packages </h2><table> <thead> <tr> <th>Package</th> <th style="text-align: left">Version (click for changelogs)</th> </tr> </thead> <tbody> <tr> <td><a class="link" href="packages/vite" >vite</a></td> <td style="text-align: left"><a class="link" href="packages/vite/CHANGELOG.md" ><img src="https://img.shields.io/npm/v/vite.svg?label=%20" loading="lazy" alt="vite version" ></a></td> </tr> <tr> <td><a class="link" href="packages/plugin-legacy" >@vitejs/plugin-legacy</a></td> <td style="text-align: left"><a class="link" href="packages/plugin-legacy/CHANGELOG.md" ><img src="https://img.shields.io/npm/v/@vitejs/plugin-legacy.svg?label=%20" loading="lazy" alt="plugin-legacy version" ></a></td> </tr> <tr> <td><a class="link" href="packages/create-vite" >create-vite</a></td> <td style="text-align: left"><a class="link" href="packages/create-vite/CHANGELOG.md" ><img src="https://img.shields.io/npm/v/create-vite.svg?label=%20" loading="lazy" alt="create-vite version" ></a></td> </tr> </tbody> </table> <h2 id="contribution">Contribution </h2><p>See <a class="link" href="CONTRIBUTING.md" >Contributing Guide</a>.</p> <h2 id="license">License </h2><p><a class="link" href="LICENSE" >MIT</a>.</p> <h2 id="sponsors">Sponsors </h2><p align="center"> <a target="_blank" href="https://github.com/sponsors/yyx990803"> <img alt="sponsors" src="https://sponsors.vuejs.org/vite.svg?v2"> </a> </p>