Vite(發音同 "veet")是一種新型前端構建工具,能夠顯著提升前端開發體驗。它主要由兩部分組成:
一個開發服務器,它基于原生的ES模塊提供了豐富的內建功能,如速度快到驚人的?模塊熱更新(HMR)。
一套構建指令,它使用Rollup打包你的代碼,并且它是預配置的,可輸出用于生產環境的高度優化過的靜態資源。
vite
的開發服務器?
在當前目錄下啟動 Vite 開發服務器。vite dev
?和?vite serve
?是?vite
?的別名。?
vite [root]
選項 | |
---|---|
--host [host] | 指定主機名稱 (string ) |
--port <port> | 指定端口 (number ) |
--open [path] | 啟動時打開瀏覽器 (boolean | string ) |
--cors | 啟用 CORS (boolean ) |
--strictPort | 如果指定的端口已在使用中,則退出 (boolean ) |
--force | 強制優化器忽略緩存并重新構建 (boolean ) |
-c, --config <file> | 使用指定的配置文件 (string ) |
--base <path> | 公共基礎路徑(默認為:/ )(string ) |
-l, --logLevel <level> | info | warn | error | silent (string ) |
--clearScreen | 允許或禁用打印日志時清除屏幕 (boolean ) |
--profile | 啟動內置的 Node.js 調試器(查看?性能瓶頸) |
-d, --debug [feat] | 顯示調試日志 (string | boolean ) |
-f, --filter <filter> | 過濾調試日志 (string ) |
-m, --mode <mode> | 設置環境模式 (string ) |
-h, --help | 顯示可用的 CLI 選項 |
-v, --version | 顯示版本號 |
vite build
?
構建生產版本。?
vite build [root]
選項 | |
---|---|
--target <target> | 編譯目標(默認為:"modules" )(string ) |
--outDir <dir> | 輸出目錄(默認為:dist )(string ) |
--assetsDir <dir> | 在輸出目錄下放置資源的目錄(默認為:"assets" )(string ) |
--assetsInlineLimit <number> | 靜態資源內聯為 base64 編碼的閾值,以字節為單位(默認為:4096 )(number ) |
--ssr [entry] | 為服務端渲染配置指定入口文件 (string ) |
--sourcemap [output] | 構建后輸出 source map 文件(默認為:false )(boolean | "inline" | "hidden" ) |
--minify [minifier] | 允許或禁用最小化混淆,或指定使用哪種混淆器(默認為:"esbuild" )(boolean | "terser" | "esbuild" ) |
--manifest [name] | 構建后生成 manifest.json 文件 (boolean | string ) |
--ssrManifest [name] | 構建后生成 SSR manifest.json 文件 (boolean | string ) |
--emptyOutDir | 若輸出目錄在根目錄外,強制清空輸出目錄 (boolean ) |
-w, --watch | 在磁盤中模塊發生變化時,重新構建 (boolean ) |
-c, --config <file> | 使用指定的配置文件 (string ) |
--base <path> | 公共基礎路徑(默認為:/ )(string ) |
-l, --logLevel <level> | Info | warn | error | silent (string ) |
--clearScreen | 允許或禁用打印日志時清除屏幕 (boolean ) |
--profile | 啟動內置的 Node.js 調試器(查看?性能瓶頸) |
-d, --debug [feat] | 顯示調試日志 (string | boolean ) |
-f, --filter <filter> | 過濾調試日志 (string ) |
-m, --mode <mode> | 設置環境模式 (string ) |
-h, --help | 顯示可用的 CLI 選項 |
vite optimize
?
預構建依賴。?
vite optimize [root]
選項 | |
---|---|
--force | 強制優化器忽略緩存并重新構建 (boolean ) |
-c, --config <file> | 使用指定的配置文件 (string ) |
--base <path> | 公共基礎路徑(默認為:/ )(string ) |
-l, --logLevel <level> | Info | warn | error | silent (string ) |
--clearScreen | 允許或禁用打印日志時清除屏幕 (boolean ) |
-d, --debug [feat] | 顯示調試日志 (string | boolean ) |
-f, --filter <filter> | 過濾調試日志 (string ) |
-m, --mode <mode> | 設置環境模式 (string ) |
-h, --help | 顯示可用的 CLI 選項 |
vite preview
?
本地預覽構建產物。不要將其用作生產服務器,因為它不是為此而設計的。
vite preview [root]
選項 | |
---|---|
--host [host] | 指定主機名稱 (string ) |
--port <port> | 指定端口 (number ) |
--strictPort | 如果指定的端口已在使用中,則退出 (boolean ) |
--open [path] | 啟動時打開瀏覽器 (boolean | string ) |
--outDir <dir> | 輸出目錄(默認為:dist )(string ) |
-c, --config <file> | 使用指定的配置文件 (string ) |
--base <path> | 公共基礎路徑(默認為:/ )(string ) |
-l, --logLevel <level> | Info | warn | error | silent (string ) |
--clearScreen | 允許或禁用打印日志時清除屏幕 (boolean ) |
-d, --debug [feat] | 顯示調試日志 (string | boolean ) |
-f, --filter <filter> | 過濾調試日志 (string ) |
-m, --mode <mode> | 設置環境模式 (string ) |
-h, --help | 顯示可用的 CLI 選項 |