• 本文
• リロード
• 差分
• バックアップ
• 名前変更
• リファラ
• 新規ページ
• 編集

JavaScript

Vite

Top / Vite

https://ja.vitejs.dev/

https://vitejs.dev/guide/why.html

https://github.com/vitejs/vite

概要

• Vueの作者が開発しているビルドツール
• Vite（フランス語で「素早い」という意味の単語で /vit/ ヴィートのように発音）は、現代の Web プロジェクトのために、より速く無駄のない開発体験を提供することを目的としたビルドツールです。

• 非常に高速な Hot Module Replacement (HMR) など、ネイティブ ES モジュールを利用した豊富な機能拡張を提供する開発サーバ。

• Rollupでコードをバンドルするビルドコマンド。

It consists of two major parts:

• A dev server that serves your source files over native ES modules, with rich built-in features and astonishingly fast Hot Module Replacement (HMR).
• A build command that bundles your code with Rollup, pre-configured to output highly optimized static assets for production.

設定ファイル

• vite.config.js

ガイド

• https://ja.vitejs.dev/guide/

機能

• https://vitejs.dev/guide/features.html

対応

• TypeScript
• JSX
• Vue

メモ

•   ➜  press h to show help
  
    Shortcuts
    press r to restart the server
    press u to show server url
    press o to open in browser
    press c to clear console
    press q to quit

フレームワーク

• Vue
• React
• Preact
• Lit
• Svelte
• Solid?
• Qwik?

ESM

類似

• WMR?
• @web/dev-server?（旧称 es-dev-server?)
• Snowpack?

関連

• webpack
• esbuild
• Rollup
• Parcel