vite 介绍
vite 在开发的时候没有打包的过程,ES 模块源码直接传输给浏览器,浏览器使用 自带 的 <script module> 进行解析 支持 ,通过 HTTP 请求进行每次 import,开发服务器 拦截 请求和对需要转换的 代码 进行转换。例如:*.vue 文件 会在发回浏览器之前进行编译
这样操作有许多优势:
开发服务器启动后不需要进行打包操作,启动会变得非常迅速
代码 在需要的时候进行编译,所以只有 代码 真正在屏幕上展现的时候才进行编译。开始开发的时候再也不需要等待整个应用编译完成,这对大型应用是 一个 巨大的改变
热模块替换的 性能 和模块的 数量 之 间的 关系解耦,热模块替换变得非常快
导入本地 ES 模块可能会引发深层的导入链路,整个 页面 重新加载会比依赖打包的开发服务器略慢。然而这是 一个 本地开发服务器,这部分 增加 的时间和实际编译的时间相比应该非常小(编译的 文件 会被缓存在内存中)
vite 的编译本质上还是的 Node.js 中进行,从技术上讲它可以 支持 打包工具能 支持 的各种 代码转换 ,没有什么可以阻止你将 代码 包用于生产,实际上,vite 提供了vite build的脚本用于这个操作,因此不会在生产环境中遭遇到网络流爆炸的问题
Getting Started
$ npx create-vite-app <project-name>
$ cd <project-name>
$ npm install
$ npm run dev
If using Yarn:
$ yarn create vite-app <project-name>
$ cd <project-name>
$ yarn
$ yarn dev
GitHub: https://github.com/vuejs/vite
网站描述: 一个 基于 Vue3 单 文件 组件的非打包开发服务器
vite官方网站
官方网站:
如果觉得 网站内容还不错,欢迎将 网站 推荐给程序员好友。