Skip to content
Kembali ke Feed
Vite+ Beta Dirilis: Toolchain Web Terpadu untuk Runtime, Package Manager, Build, Test, dan Linting

Vite+ Beta Dirilis: Toolchain Web Terpadu untuk Runtime, Package Manager, Build, Test, dan Linting

6 Juli 20266 menit baca

VoidZero resmi merilis Vite+ Beta, sebuah toolchain terpadu untuk pengembangan web modern. Jika selama ini proyek web sering membutuhkan kombinasi banyak alat — runtime, package manager, bundler, test runner, linter, formatter, hingga task runner — Vite+ mencoba menyatukannya dalam satu workflow yang konsisten dan cepat.

Dengan Vite+, developer bisa memulai proyek baru menggunakan vp create, atau mengadopsinya di proyek yang sudah ada lewat vp migrate. Tujuannya jelas: mengurangi kerumitan setup tooling yang berulang di setiap repository, tanpa mengorbankan fleksibilitas ekosistem Vite.

Apa Itu Vite+?

Vite+ adalah satu pintu masuk untuk workflow pengembangan web. Di dalamnya, VoidZero menggabungkan sejumlah tool populer dan berperforma tinggi, antara lain:

  • Vite 8 untuk development server dan production build
  • Vitest untuk unit testing
  • Rolldown untuk bundling modern
  • tsdown untuk membundel library
  • Oxlint untuk linting cepat
  • Oxfmt untuk formatting kode
  • Task runner bawaan yang mendukung monorepo dan intelligent caching

Menariknya, Vite+ tetap open source dengan lisensi MIT dan bersifat framework-agnostic. Artinya, ia tidak dikunci untuk React, Vue, Svelte, atau framework tertentu saja. Vite+ bisa digunakan untuk berbagai jenis proyek web, mulai dari CLI, library, hingga aplikasi frontend berskala besar.

Workflow yang Lebih Konsisten

Salah satu masalah klasik dalam pengembangan web adalah setiap repository sering punya kombinasi tooling dan perintah yang berbeda. Di satu proyek, developer menjalankan npm run dev; di proyek lain, mungkin pnpm start, turbo build, atau skrip custom lain yang perlu dipelajari lagi dari awal.

Vite+ mencoba merapikan pengalaman tersebut dengan perintah vp yang konsisten:

  • vp dev untuk menjalankan development server dengan hot module replacement
  • vp check untuk formatting, linting, dan type checking sekaligus
  • vp test untuk menjalankan unit test dengan Vitest
  • vp build untuk build production menggunakan Vite 8
  • vp pack untuk membundel library dengan praktik terbaik melalui tsdown
  • vp run untuk menjalankan npm script atau task melalui task runner bawaan yang sadar monorepo dan mendukung caching cerdas

Pendekatan ini terasa sangat berguna untuk tim yang mengelola banyak proyek. Versi tool bisa tetap selaras, konfigurasi lebih mudah dibagikan, onboarding contributor baru jadi lebih ringan, dan CI dapat menjalankan perintah yang sama seperti yang dipakai developer secara lokal.

Bukan Pengganti Ekosistem Vite

Poin penting yang ditekankan VoidZero: Vite+ bukan upaya menggantikan ekosistem Vite.

Plugin Vite tetaplah plugin Vite. Proyek juga masih bisa menggunakan package manager pilihan masing-masing di balik layar. Peran Vite+ lebih sebagai lapisan integrasi yang membuat berbagai alat tersebut bekerja sebagai satu toolchain yang rapi dan teruji.

Dengan kata lain, Vite+ bukan meminta developer meninggalkan ekosistem yang sudah ada, melainkan memberikan workflow standar di atasnya.

Dari Alpha ke Beta: Banyak Peningkatan Nyata

Sejak pengumuman versi alpha, Vite+ telah melewati lebih dari selusin rilis dan menerima lebih dari 500 pull request. Beberapa peningkatan penting yang hadir menuju versi beta antara lain:

Caching yang Lebih Pintar

vp run kini menggabungkan pelacakan data otomatis dengan metadata dari Vite. Hasilnya, build dapat di-cache dengan lebih akurat tanpa developer harus mendefinisikan input, output, dan environment variable secara manual.

Migrasi yang Lebih Baik

Perintah vp migrate sekarang mampu menangani lebih banyak jenis setup aplikasi. Selain itu, tersedia juga migration prompt untuk agent, yang menarik terutama di tengah makin banyaknya workflow development berbantuan AI.

Fitur Enterprise

Vite+ mulai memperhatikan kebutuhan organisasi besar, termasuk template organisasi untuk standardisasi setup lintas tim, serta dukungan HTTP yang sadar proxy dan custom CA agar vp run dapat berjalan di balik corporate proxy dan firewall.

Dukungan Cross-Platform

VoidZero juga memperkuat kompatibilitas vp di berbagai sistem operasi dan shell utama. Ini penting karena toolchain modern harus bekerja stabil di macOS, Linux, Windows, serta lingkungan CI yang beragam.

Ratusan Perbaikan Kecil

Lebih dari 180 perbaikan dan peningkatan telah masuk ke vite-plus, memperhalus fondasi toolchain agar lebih siap dipakai di proyek nyata.

Tool Pendukungnya Juga Ikut Berkembang

Vite+ berdiri di atas beberapa tool penting, dan masing-masing juga mengalami perkembangan besar sejak fase alpha. Beberapa highlight-nya:

  • Vite 8.1 membawa experimental full bundle mode
  • Vitest menambahkan dukungan ARIA snapshots
  • Rolldown 1.0 hadir dengan sistem plugin baru dan peningkatan performa
  • tsdown menambahkan dukungan CSS modules
  • Oxlint mengintegrasikan native React Compiler lint rules
  • Oxfmt kini dapat memformat kode Svelte

Kombinasi ini membuat Vite+ terasa bukan sekadar wrapper CLI, melainkan paket tooling yang dibangun di atas ekosistem yang memang sedang bergerak cepat.

Adopsi di Dunia Nyata

Meski masih beta, Vite+ sudah menunjukkan adopsi yang cukup kuat. Lebih dari 1.300 repository publik diketahui bergantung pada vite-plus, belum termasuk proyek private dan instalasi CLI global.

Beberapa proyek yang mulai mengadopsi Vite+ mencakup berbagai kategori, mulai dari platform LLM, editor rich text, framework berbasis Vite, UI library multi-framework, hingga browser registry npm open source.

Nama-nama yang disebutkan antara lain:

  • Dify, platform open source untuk membangun aplikasi LLM
  • critical, tool critical-path CSS framework-agnostic dari Addy Osmani
  • BlockNote, editor rich text bergaya Notion untuk React
  • vinext, framework kompatibel Next.js yang dibangun di atas Vite
  • îles, site generator islands dengan partial hydration untuk Vue
  • Inkline, UI component library lintas Vue, React, Svelte, Angular, Solid, Qwik, dan Astro
  • npmx, browser registry npm open source berbasis Nuxt

Daniel Roe dari npmx menyebut bahwa Vite+ membantu menjaga development experience tetap cepat, sekaligus mempercepat CI dan proses review. Ini adalah jenis manfaat yang biasanya langsung terasa di tim yang peduli pada performa dan produktivitas developer.

Menuju Vite+ 1.0

VoidZero menyebut Vite+ sudah stabil, tetapi belum sepenuhnya lengkap. Untuk menuju rilis 1.0, beberapa area yang akan menjadi fokus adalah:

  • Implementasi remote caching untuk vp run
  • Dukungan setup-vp untuk GitLab CI/CD
  • Peningkatan kompatibilitas dengan berbagai framework dan plugin Vite
  • Dukungan lebih banyak target migrasi
  • Kanal distribusi tambahan, termasuk formula Homebrew resmi
  • Dokumentasi dan diagnostik yang lebih jelas

Tim Vite+ juga akan memprioritaskan feedback komunitas, terutama untuk menutup celah kompatibilitas sebelum rilis stabil 1.0.

Cara Mencoba Vite+ Beta

Untuk mencoba Vite+, developer dapat menginstal command global vp terlebih dahulu.

Di macOS atau Linux:

curl -fsSL https://vite.plus | bash

Di Windows melalui PowerShell:

irm https://vite.plus/ps1 | iex

Setelah itu, buat proyek baru dengan:

vp create

Atau migrasikan proyek Vite yang sudah ada dengan:

vp migrate

Namun, untuk proyek production, sebaiknya baca migration guide terlebih dahulu. Perintah migrasi memang akan menampilkan rencana perubahan, tetapi proyek kompleks tetap mungkin membutuhkan penyesuaian manual.

Penutup

Vite+ Beta adalah langkah menarik dalam evolusi tooling web modern. Setelah Vite membuktikan bahwa development server dan build tool bisa cepat sekaligus nyaman digunakan, Vite+ mencoba membawa filosofi yang sama ke seluruh workflow pengembangan.

Bagi developer individu, ini bisa mengurangi waktu yang habis untuk merakit tooling dari nol. Bagi tim besar, Vite+ menawarkan konsistensi, caching, dan standardisasi yang dapat membantu menjaga produktivitas lintas repository.

Masih ada pekerjaan menuju versi 1.0, tetapi arah yang diambil VoidZero cukup jelas: membuat toolchain web yang cepat, terbuka, dan lebih mudah dioperasikan dalam skala nyata.

Baca Artikel Selengkapnya

Anda akan diarahkan ke sumber asli artikel ini.

Artikel Terkait

SvelteKit Makin Rapat dengan Vite: Konfigurasi Baru, Env Eksplisit, dan Tooling yang Lebih Siap

Bulan ini cukup menarik untuk ekosistem Svelte, terutama bagi yang rutin mengikuti perkembangan SvelteKit. Ada perubahan arah yang terasa cukup besar: konfigurasi SvelteKit kini bisa langsung didefinisikan di vite.config.js, tanpa perlu lagi memisahkannya ke svelte.config.js.

5 Tools Open Source Gratis yang Rasanya Terlalu Bagus untuk Dibiarkan Gratis

Ada jenis tool open source yang begitu berguna sampai kita refleks bertanya: “Ini beneran gratis?” Bukan sekadar repo eksperimen, bukan juga proyek setengah matang yang cuma bagus di screenshot. Lima tool berikut benar-benar bisa masuk ke workflow harian developer, terutama kalau kamu sering membangun produk web, landing page, dashboard, atau ingin mencoba stack TypeScript modern tanpa ribet.