返回 首页

Vite教程

教程说明:

Vite(法语意为 "快速的",发音 /vit/ ,发音同 "veet")是一种新型前端构建工具,能够显著提升前端开发体验。它主要由两部分组成:

  • 一个开发服务器,它基于 原生 ES 模块 提供了 丰富的内建功能,如速度快到惊人的 模块热更新(HMR)。
  • 一套构建指令,它使用 Rollup 打包你的代码,并且它是预配置的,可输出用于生产环境的高度优化过的静态资源。

Vite 意在提供开箱即用的配置,同时它的 插件 API 和 JavaScript API 带来了高度的可扩展性,并有完整的类型支持。

你可以在 为什么选 Vite 中了解更多关于项目的设计初衷。


温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

Vite 入门

Vite 为什么选择它
Vite 开始
Vite 功能
Vite 使用插件
Vite 依赖预构建
Vite 静态资源处理
Vite 构建生产版本
Vite 部署静态站点
Vite 环境变量和模式
Vite 服务端渲染(SSR)
Vite 后端集成

Vite API

Vite 插件 API

约定
插件配置
独有钩子
插件顺序
Vite 插件 API 情景应用
插件兼容性
路径规范化

Vite HMR API

暴露
必需的条件守卫
hot.accept(cb)
hot.accept(deps, cb)
hot.dispose(cb)
hot.data
hot.decline()
hot.invalidate()
hot.on(event, cb)

Vite Javascript API

createServer
InlineConfig
ViteDevServer
build
preview
resolveConfig
transformWithEsbuild

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }